javascript - 仅在最后一项完成后运行 jQuery slideDown 完成功能

Question

我知道您可以将一个函数传递给 slideUp/slideDown ，该函数将在转换完成后运行：

$('li').slideUp({
    complete: function(){
        alert('done');
    }
});

使用此 HTML 会显示 3 次警报。

<ul>
    <li>[content here]</li>
    <li>[content here]</li>
    <li>[content here]</li>
</ul>

当最后一个列表项完成slideUp时，有没有办法让complete函数只触发一次？（小提琴）

Answer 1

您可以“重做”您的选择器并检查是否this是最后一个：

$('li').slideUp({
    complete: function(){
        if($('li:last').is(this)){
            alert('done');
        }
    }
});

小提琴：http: //jsfiddle.net/5NQsU/

缓存你的选择器会更好：

var $li = $('li');
$li.slideUp({
    complete: function(){
        if($li.last().is(this)){
            alert('done');
        }
    }
});

Answer 2

http://jsfiddle.net/Ultimate/KrW5a/

var total = $('ul').size();
var i = 1;
$('li').slideUp({
    complete: function () {
        if (i === total) alert('done');
        i += 1;
    }
});