2010-11-21 4 views
0

У меня есть две анимации jquery, работающие в двух разных элементах. Оба запускаются одновременно. Теперь я хочу закончить их для анимаций одновременно, независимо от продолжительности каждого из них, чтобы оживить.завершают две анимации jquery одновременно

jQuery("#maindiv").animate({ scrollLeft:10 }, 500); 
jQuery(".sidediv").animate({ marginLeft:-100 }, 500); 

Возможно ли это?

+4

Это не имеет никакого смысла, «независимо от продолжительности» ... продолжительность по определению * сколько требуется времени *. Возможно, у вас есть пример, который очищает это? –

+0

@ Ник, я предполагаю, что импликация заключается в том, что он хочет синхронизировать две анимации; когда он заканчивается на 50%, другой должен ** также быть заполнен на 50%. Возможно, спросите, есть ли способ ** 1: ** оценить ход анимации относительно друг друга и ** 2: ** замедлить/увеличить скорость анимации для поддержания синхронности. Но я действительно не уверен. –

+0

@ Давид. Почему бы не просто иметь такую ​​же продолжительность? Это «независимо от продолжительности» действительно меня бросает. –

ответ

3

Если вы хотите, чтобы принудительно закончите их, используйте метод .stop().

jQuery('#maindiv, .sidediv').stop();