chrome 中的页面加载超时。但不是在Firefox中答案

【问题标题】：Page loader timedout in chrome . but not in firefoxchrome 中的页面加载超时。但不是在Firefox中
【发布时间】：2019-01-23 11:25:23
【问题描述】：

我已经包含了一个加载器并尝试了隐藏操作和超时操作，这适用于 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;
}

关闭正文标记之前包含的脚本。

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

【问题讨论】：

这个 AngularJS 有什么关系？
加载事件已从 jQuery 中移除。 api.jquery.com/load-event
它适用于 chrome ，但不适用于 firefox
你打开链接了吗？上面写着“与图像一起使用时加载事件的注意事项：[...] 它不能始终如一地工作，也不能可靠地跨浏览器”
因此任何其他可用于此页面加载器的解决方案

标签： javascript jquery loader

【解决方案1】：

使用.on事件

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

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

【讨论】：

当我尝试这个时，它们都不能工作 chrome 和 firefix