我知道您可以将一个函数传递给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
函数只启动一次?(小提琴)
您可以"重做"选择器并检查this
是否是最后一个:
$('li').slideUp({
complete: function(){
if($('li:last').is(this)){
alert('done');
}
}
});
Fiddle:http://jsfiddle.net/5NQsU/
缓存选择器会更好:
var $li = $('li');
$li.slideUp({
complete: function(){
if($li.last().is(this)){
alert('done');
}
}
});
http://jsfiddle.net/Ultimate/KrW5a/
var total = $('ul').size();
var i = 1;
$('li').slideUp({
complete: function () {
if (i === total) alert('done');
i += 1;
}
});