chrome中的页面加载器超时。但不是在firefox中

Question

我已经包含了一个加载器，并尝试了隐藏操作和超时操作，这些操作适用于chrome，但不适用于firefox。Firefox，加载程序一直在加载，而且永远不会结束。

HTML：

 <div id="loading">
      <img id="loading-image" src="images/ajax-loader.gif" alt="Loading..." />
    </div>

CSS：

#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}

在关闭body标签之前包含的脚本。

 <script language="javascript" type="text/javascript">
         $(window).load(function() {
         $('#loading').hide();
      });
    </script>

Answer 1

使用.on事件

 $( window ).on( "load", function() { 
     //Code on load
     $('#loading').hide();
 }

https://api.jquery.com/on/