我的网站上有页面预加载效果,该效果在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/

10-11 23:24
查看更多