JQuery подождать, пока все анимации страницы не будут сделаны

Question

Я знаю, как ждать, пока анимация не будет выполнена с

$('#element').animate(speed,function(){
//code here
});

и с несколькими элементами с

$('#element1, #element2').promise().done(function(){
//code here
});

, но как мне ждать, пока все элементов на странице сделаны анимации?Я бы предпочел не просто вставить каждый элемент, который я жду там.

Answer 1

Чтобы выбрать все, что сейчас анимируется, просто сделайте $(":animated") http://api.jquery.com/animated-selector/

В сочетании с тем, что у вас уже есть, это будет просто

$(":animated").promise().done(function() {
    //code here
});

Answer 2

Ответ, данный Джереми Т, работает нормально - хотя, основываясь на комментариях на сайте jquery, на который он ссылался (http://api.jquery.com/animated-selector/),, было бы более быстрым решением добавить класс к каждому элементу на странице, который может быть анимирован, а затем выберите их, используя

    $('.animationclass').filter(':animated').promise().done(function() {
//Your function
});