2012-06-14 102 views
1

如何將這兩個語句串聯起來,以便在項目淡出時不會發生加載器的淡入。 刪除後的回調?刪除後的回調()以避免同時發生效果

$(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'); 
}); 

感謝,理查德

回答

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'); 
     }); 
    } 
}) 
+0

感謝,有趣,diddn't知道你可以用一個計數器做到這一點,我甚至不看環 – Richard

+0

這是beoutyfull - 10分(你怎麼拼寫美麗?) – Richard

+0

@理查德我很高興我可以幫你 – mgraph

0

我沒有看到一個理由來使用,如果和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/