我的网站上有页面预加载效果,该效果在jquery 1.5.x上可以完美运行,但在最新的3.1.1上不起作用
$(window).load(function() {
// Animate loader off screen
$(".se-pre-con").fadeOut("slow");
});
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
z-index: 9999;
background: url(../assets/img/spinner.gif) center no-repeat #fff;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="se-pre-con"></div>
最佳答案
那不是load()
所做的。 load()
是一种从URL而非事件包装程序中获取数据的快捷功能。您应该使用on()
代替:
$(window).on('load', function() {
// Animate loader off screen
$(".se-pre-con").fadeOut("slow");
});
关于jquery - 页面预加载效果不适用于新的jQuery版本,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41228096/