页面预加载效果不适用于新的jquery版本

Question

我的网站上有一个页面预加载效果，它在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>

Answer 1

那不是load()所做的。 load()是一个从URL获取数据的简写函数，而不是事件包装器。您应该使用on()代替：

$(window).on('load', function() {
    // Animate loader off screen
    $(".se-pre-con").fadeOut("slow");
});