2013-04-18 5 views
1

См. http://jsfiddle.net/BNMpC/ для рабочего примера.Запуск анимации после другой анимации

Я в основном получил эти шары, которые растут и сжимаются и зависают. Я также получил их «подталкивание» вокруг других сфер. Когда вы по одному за раз, и пусть все анимации завершены, он отлично работает.

Проблема заключается в том, что вы быстро наводите на себя внимание - «подталкивание» работает неправильно. Я использовал .filter(':not(:animated)'), чтобы убедиться, что анимация роста и сжатия не прервалась, но я не уверен, что это правильный путь.

+0

Единственное, что я могу думать о том, когда новый шар получает колебались, вам нужно будет закончить анимацию предыдущего и сброс; перед началом новой анимационной последовательности. * Или * попробуйте позволить DOM обрабатывать ваши «подталкивания» для вас (сохраняйте шары в потоке макета и пусть изменение размера перемещает элементы вокруг него). – Chad

ответ

1

Если я получил ваши вопросы правильно, установите следующую анимацию в функции обратного вызова

$(selector).animation('slow', function(){$(selector).animation();}); 
+0

Uhh, это не совсем работает, потому что они должны работать одновременно с визуальным эффектом. – frogg3862

Смежные вопросы