使用AJAX预加载

使用AJAX预加载,ajax,preload,Ajax,Preload,我正在尝试使用以下脚本预加载整个网站: <script> $(function() { $('#body').addClass("none"); $('#load').ajaxStart(function() { $(this).show(); }).ajaxStop(function() { $(this).hide(); }); $('#body').removeClass("none"); }); </scrip

我正在尝试使用以下脚本预加载整个网站:

   <script>
   $(function() {
   $('#body').addClass("none");
    $('#load').ajaxStart(function() {
    $(this).show();
  }).ajaxStop(function() {
    $(this).hide();
   });
  $('#body').removeClass("none");
 });
 </script>

$(函数(){
$('正文').addClass(“无”);
$('#load').ajaxStart(函数(){
$(this.show();
}).ajaxStop(函数(){
$(this.hide();
});
$(“#body”).removeClass(“无”);
});
我的身体有一个类“无”,它基本上是一个显示:无。#load是我明显的loading div。它实际运行时似乎存在一个问题,因为#load显示了整个时间,在加载完成时实际上并没有摆脱自身


有什么想法吗?

我测试了你的代码,它运行正常


ajaxStop仅在所有ajax请求返回或被取消时才被调用。因此,您的一个请求必须挂起。另一种可能是请求引发了异常(例如跨域-请参阅)

你能更详细地解释一下你到底想完成什么吗?只是为了预加载页面,还是在页面完全加载之前显示一个加载div(#load)?它基于上面的ajax调用,这很好,但不起作用。如果
load
div实际出现,则可能是ajax调用没有真正完成,或者页面上有javascript错误。我建议检查Firebug(或Chrome版本),查看AJAX请求,查找错误。