有人可以帮我理解为什么这不起作用？在ajax .load加载页面时会出现loading.gif,但不会消失.这让我相信无论是.ajaxStart还是.ajaxStop函数都没有被调用(因为它最初也没有隐藏它).
TIA！
css：
#loadingDiv {
background-image: url('images/loading.gif');
height: 32px;
width: 32px;
margin: 50px auto 50px auto; }
jquery：
<script type="text/javascript">
$(document).ready(function()
{
$('#loadingDiv')
.hide()
.ajaxStart(function() {
$(this).show();
})
.ajaxStop(function() {
$(this).hide();
})
;
$("#results").load("i/getAllInfo.class.PHP"); return false;
};
</script>
解决方法
你不需要从文档就绪函数返回false,但你需要添加右括号)
$("#results").load("i/getAllInfo.class.PHP"); return false;
}); //<----- you need the )
你的网址“i / getAllInfo.class.PHP”看起来不对劲.
尝试在.ajaxStop()中注释掉$(this).hide(),如下所示：
.ajaxStop(function() {
//$(this).hide();
})
因为它可以显示这么短的时间,你不会看到它.
继承人是你的小提琴：http://jsfiddle.net/GrsRT/11/
