完成队列中的所有动画后执行该功能

Question

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

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

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

Answer 1

如果你在谈论使用jQuery设置的动画，那么代码就像那样简单：

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

See example