页面加载后,我试图停止预加载器。
假设我们在下面使用预加载器。
CSS:
$.02
HTML:
body {
background: #eaecfa;
}
.loader {
width: 250px;
height: 50px;
line-height: 50px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: helvetica, arial, sans-serif;
text-transform: uppercase;
font-weight: 900;
color: #ce4233;
letter-spacing: 0.2em;
}
.loader::before, .loader::after {
content: "";
display: block;
width: 15px;
height: 15px;
background: #ce4233;
position: absolute;
-webkit-animation: load .7s infinite alternate ease-in-out;
animation: load .7s infinite alternate ease-in-out;
}
.loader::before {
top: 0;
}
.loader::after {
bottom: 0;
}
@-webkit-keyframes load {
0% {
left: 0;
height: 30px;
width: 15px;
}
50% {
height: 8px;
width: 40px;
}
100% {
left: 235px;
height: 30px;
width: 15px;
}
}
@keyframes load {
0% {
left: 0;
height: 30px;
width: 15px;
}
50% {
height: 8px;
width: 40px;
}
100% {
left: 235px;
height: 30px;
width: 15px;
}
}
以下JS代码为什么起作用,即我得到警报:
<div class="loader">Loading...</div>
更改行的相同代码不会停止预加载器吗?
$(document).ready(function(){
$(window).load(function(){
alert("This can run");
});
})
我是Web开发的新手,但是在这里尝试了许多其他答案,但是我无法解决其中的任何问题。
答案 0 :(得分:3)
您在.
缺少$("loader").remove()
:)
$(document).ready(function(){
$(window).load(function(){
$(".loader").remove();
});
})