Question

jquery ajaxStart 做加载中效果时， 执行两次后不再执行了，在线急等！！！下面附上代码！

$("._progress").each(function () {
var id = $(this).attr("id");
var str = '<div style="height:300px;">';
str += '<div id="background_' + id + '" class="background" ></div>';
str += '<div id="progressBar_' + id + '" class="progressBar" >数据加载中，请稍等...</div>';
str += '</div>';
str += '<div class="div_cut"></div>';
$(this).ajaxStart(function () {
$(this).html(str);
}).ajaxStop(function () {
});
});
我的具体功能是这样的，单击一个按钮时加载相应的页面，一共有四个按钮，也就是说需要加载四个页面，在加载页面的时候出现一个loading的状态。现在单击前两个按钮时能够出现loading，但是一旦点的次数超过2次 就不会出现了。

Answer 1

我想应该是缓存的事，不知道你个ajax请求是怎么写的，如果是这样的话
$.ajax({
cache:false,
....
})
加上这个参数ajax不会缓存数据，如果是其他方调用的话要在调用的url上加上随机参数例如?r=Math.random()

追问

我在请求的url上用上r=Math.random() 了、不好用。

Answer 2

$("._progress").each(function ()
{
var id = $(this).attr("id");
var str = '<div style="height:300px;">';
str += '<div id="background_' + id + '" class="background" ></div>';
str += '<div id="progressBar_' + id + '" class="progressBar" >数据加载中，请稍等...</div>';
str += '</div>';
str += '<div class="div_cut"></div>';
var $this=$(this);
$.ajax(
{
url:url,
success:function()
{
$this.html(str);
},
error:function()
{
alert('AJAX error!');
}
});
});