javascript - 预加载器不会在线淡出

我尝试创建一个预加载器，该预加载器在本地计算机上运行良好。但是，在在线托管内容时，预加载器永远不会消失。请帮忙。这是要领：CSS，JS，Body

#loader  {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #0f2338;
 z-index: 99;
height: 100%;
}
#status  {
 width: 200px;
 height: 200px;
 position: absolute;
 left: 50%;
 top: 50%;
 background-image: url("../png/Ball.gif");
 background-repeat: no-repeat;
 background-position: center;
 margin: -100px 0 0 -100px;
}

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
script type="text/javascript">
  <script type="text/javascript">
$(window).load(function() {
$("#status").fadeOut("slow");
$("#loader").delay(500).fadeOut();
});

</script>
<body>
<div id="loader">
<div id="status"></div>
</div>

最佳答案

这是您的代码正常工作的代码片段。如果您的网站是安全的，请确保您通过https请求jquery，在这种情况下，请使用HTTPS引用jquery而不是HTTP。

https://code.jquery.com/jquery-1.9.1.min.js

$(window).load(function() {
$("#status").fadeOut("slow");
$("#loader").delay(500).fadeOut();
});

#loader  {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #0f2338;
 z-index: 99;
height: 100%;
}
#status  {
 width: 200px;
 height: 200px;
 position: absolute;
 left: 50%;
 top: 50%;
 background-image: url("https://www.google.ca/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png");
 background-repeat: no-repeat;
 background-position: center;
 margin: -100px 0 0 -100px;
}

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>

<body>
<div id="loader">
<div id="status"></div>
</div>