jQuery animate() - множественные селекторы и переменные, уникальный вызов animate()

Question

Я изменяю размер нескольких div в цикле с анимацией() в jQuery. В то же время я перемещаюсь (свойство слева, без изменения размера) div, где они содержатся.

Проблема заключается в том, что, несмотря на то, что они имеют такую ​​же продолжительность, анимированные звонки с изменением размера заканчиваются перед вызовом переадресации. Они не синхронизированы. Есть ли способ создать список селекторов и его свойств, а затем запустить уникальный вызов animate()?

Или, есть ли альтернатива, чтобы сделать несколько анимаций одновременно?

Я видел, что есть свойство, называемое шагом, которое происходит каждый раз, когда происходит цикл анимации, но, опять же, каждый вызов animimate() имеет собственный пошаговый вызов.

Заранее спасибо :)

Вот вроде псевдокода, например, как требуется:

for(...){ 
    $(target_x).stop().animate({property_a:random_value, property_b:random_value}, {duration:300}); 
    } 
$(container).stop().animate({property_z:random_value}, {duration:300}); 

Answer 1

Когда asking something different but somehow related Я нашел, что не было никакого решения.

Лучшее обходное решение - использование функции обратного вызова шага, как предложено here. Спасибо за Nick Craver за ссылку.

Answer 2

@ozke: До сих пор это туф, чтобы предложить вам некоторое представление с кодом из деталей. Тем не менее, такой случай совместной анимации анимации работает плавно все вместе, было бы лучше, если бы вы отрегулировали продолжительность анимации практически (пробная версия и тестирование), то есть более медленную внешнюю и быструю внутреннюю анимацию ...

Answer 3

Попробуйте изменить стоп () до .delay (400)

Answer 4

Посмотрите в очередь анимации и dequeue. Цепочка соответственно.