如果有多个动画元素，如何知道 jquery 效果何时结束

Question

给定以下示例：如果找到 5 个 <li> 元素，则回调会触发警报 5 次...

有没有一种简单的方法可以确定动画何时真正结束并触发一次？

$(this).parent().siblings('li').slideUp(500,function(){
    alert 
});

Answer 1

$.when($(this).parent().siblings('li').slideUp(500))
 .then(function() {
            alert('Finished!');
       });

Working DEMO

whendocs:

描述：提供一种基于一个或多个对象执行回调函数的方法，通常是表示异步事件的延迟对象。