jquery - remove() 之后的回调，以避免同时发生效果

Question

如何将这两个语句串在一起，以便在项目淡出时不会发生加载器的淡入。删除后的回调？

$(pager).css('margin-top', '180px');
content.find('div.item').fadeTo(500, 0.2, function () {
    content.find('div.item').remove();
})
$("#content-lader").fadeIn(1000, function () {
    content.html('<div id="content-lader">&nbsp;</div>' + data.content);
    $(pager).css('margin-top', '0px');
});

谢谢，理查德

Answer 1

尝试：

var c = 0;
var totItem = content.find('div.item').length;

content.find('div.item').fadeTo(500, 0.2, function () {
    $(this).remove();
    c++;
    if(c == totItem){
        $("#content-lader").fadeIn(1000, function () {
           content.html('<div id="content-lader">&nbsp;</div>' + data.content);
           $(pager).css('margin-top', '0px');
        });
    }
})

Answer 2

我看不出为什么要使用 if 和 var 作为 mgraph 的答案。我相信从fadeOut 的回调中调用你的fadeIn 方法也应该可以正常工作。

又名：

content.find('div.item').fadeTo(500, 0.2, function () {
    $(this).remove();

    $("#content-lader").fadeIn(1000, function () {
           content.html('<div id="content-lader">&nbsp;</div>' + data.content);
           $(pager).css('margin-top', '0px');
    });

})

jsFiddle：http: //jsfiddle.net/w45p/mZWUW/