我已经尝试创建一个在本地机器上完美运行的预加载器。但是，在在线托管内容时，预加载器永远不会消失。请帮忙。以下是基本要素: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>关于javascript - Preloader在线不淡出，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45442664/