當完成淡入和刪除加載微調器時jQuery .load

Question

我使用jQuery .load函數從其他頁面獲取3個列表項。它工作的很完美，但我想知道如何在加載內容時添加「加載微調器」，以及在加載內容時如何淡入我的內容。

我的代碼：

$('.homeProducts').load('http://localhost/products #product_list li:lt(3)'); 

P.S我不知道它是讓這些產品以正確的方式，但它爲我工作。

Answer 1

最好是使用全球ajaxStart和ajaxStop事件：如果在掛起的Ajax請求的數量提出了從0到1

$('#yourSpinner').ajaxStart(function() { 
    $(this).show(); 
}).ajaxStop(function() { 
    $(this).hide(); 
}); 

的ajaxStart事件會觸發和ajaxStop事件將觸發時，所有Ajax請求完成了。

Answer 2

我平時做這樣的事情：

$("#content").html('<div align="center"><img style="margin: 10px 0px 10px 0px;" 
align="center" src="ajax-loader.gif"></div>');    
setTimeout('do()', n); 

...  
function do(){ 
$("#content").load('http://localhost/products #product_list li:lt(3)',{},function(){ 
$(this).fadeIn(); 
});              
} 

凡ñ是時間的ammount的至極的功能後，將被解僱。所以微調器至少顯示爲n毫秒。