在队列中的所有动画完成后执行函数答案

【问题标题】：Execute the function after all animations in queue done在队列中的所有动画完成后执行函数
【发布时间】：2016-05-26 08:30:14
【问题描述】：

我使用 jQuery 动画队列来执行角色的跳跃动画。我想在角色执行完所有动画后判断角色是否成功。但函数总是在他完成动画之前执行。是否有监听器来判断队列中的所有动画是否都已完成？

            $('.character').dequeue("myAnimation");

            if(self.currentlocation >= this.totalStep){
                while($('.character').is(":animated")){
                   setTimeout(function(){}, 500)
                }
                alert('win!');
                self.success();
            }

【问题讨论】：

标签： jquery animation queue

【解决方案1】：

如果你说的是使用 jQuery 设置的动画，代码就这么简单：

$('.character').promise().done(function(){
    // all animations for this matched set are done
});

See example

【讨论】：