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

Jeremy T 给出的答案效果很好 - 尽管基于他链接的 jquery 网站上的评论（http://api.jquery. com/animated-selector/），向页面上可能有动画的每个元素添加一个类，然后使用选择它们将是一个更快的解决方案

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