javascript - 一旦列表中的所有 "complete"函数都完成，就执行代码

Question

我有一个列表，我将其设置为淡出动画。完成后，我想运行一些代码，但只想运行一次代码，而不是每次列表中的每个元素都完成动画时。代码必须在所有动画完成并且所有 li 已被删除后运行。这是我当前的代码:

$(".myclass li").animate({'opacity':'0', 'height':'0%'}, function(){
    $(this).remove(); //This is run for every "li" which is fine...

    function() { /* I want to now run this code only once AFTER all animation has finished */ }
});

Answer 1

$.queue() 应该能帮到你。 http://api.jquery.com/queue/

$(".myclass li").animate({'opacity':'0', 'height':'0%'},{"queue":true});
$(".myclass li:last-child").queue(function() {
    /* The code you want to run */
});