Jquery 完成淡入时加载并移除加载微调器

我正在使用jQuery.load函数从其他页面获取3个列表项。这是完美的工作，但我想知道如何添加“加载微调器”的内容加载时，如何在我的内容淡入时，加载

我的代码：

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

---

我不知道这是获得这些产品的正确方法，但它对我很有效

最好的方法是使用全局

ajaxStart

和

ajaxStop

事件：

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

---

当挂起的ajax请求数从0增加到1时，

ajaxStart

事件将触发，

ajaxStop

事件将在所有ajax请求完成时触发。

我通常会这样做：

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

$（“#content”）.html（“”）；
setTimeout（'do（）'，n）；
...    
函数do（）{
$（“#内容”）.load（$）http://localhost/products #乘积列表li:lt（3）“，{}，函数（）{
$（this.fadeIn（）；
});                                                     
}

其中n是函数将被激发的时间量。因此，微调器至少显示n毫秒