问题
我想使用jQuery向我的网站添加一个简单的加载动画,当我加载页面时它就会出现——但它只是永远重复,不会像指定的那样在500毫秒后消失。
守则
JS Fiddle
HTML格式
<div class="loading">
<img src="http://www.puzzlexperts.com/images/Preloader_3.gif" id="loader">
</div>
CSS
#loader {
display: block;
position: absolute;
left: 45%;
top: 45%;
z-index: 1000;
}
.loading {
position: absolute;
z-index: 100;
height: 100%;
width: 100%;
background-color: #fff;
}
JS公司
$(window).load(function() {
$("#loader").delay(500).fadeOut("slow");
$(".loading").delay(500).fadeOut("slow");
}
它应该如何工作
我希望它能在一个纯白色的全屏背景上显示500毫秒的加载动画,然后慢慢淡出以显示网站。
你们知道怎么纠正这种行为吗?
最佳答案
您错过了window.load
的右括号
$(window).load(function() {
$("#loader").delay(500).fadeOut("slow");
});
关于javascript - jQuery .delay与.fadeOut结合使用不会执行任何操作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23836080/