javascript - 如果有多个动画元素，如何知道 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

何时 docs :

Description: Provides a way to execute callback functions based on one or more objects, usually Deferred objects that represent asynchronous events.