使用AJAX预加载

Question

我正在尝试使用此脚本预加载整个网站：

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

我的身体有一个“无”类，基本上是一个显示：无。 #load是我明显的加载div。似乎它实际上存在一个问题，因为#load显示了整个时间，当它完成加载时实际上并没有摆脱它。

有什么想法吗？

Answer 1

我测试了你的代码，它没有问题。

只有当所有 ajax请求都已返回或被取消时，才会调用 ajaxStop。因此，您的一个要求必须悬而未决。另一种可能性是请求引发了异常（例如跨域 - 请参阅here）。