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

Question

给出以下示例:如果<li>找到5个元素,则回调将触发警报5次 ...

有没有一种简单的方法可以找出动画何时真正结束并且只需点燃一次？

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

Answer 1

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

工作演示

when docs:

描述:提供一种基于一个或多个对象执行回调函数的方法,通常是表示异步事件的Deferred对象.