我使用jquery在页面加载时切换加载程序动画:当页面(文本和图像(加载时,包含加载程序动画的div显示在页面上。当页面被完全加载时,带有加载程序的div被关闭
<div class="loader">
<div class="cssload-speeding-wheel"></div>
</div>
$(document).ready(function(){
$(window).on('load',function() {
$('.loader').hide();
});
// Other things...
});
这在第一次打开页面时有效,但在第二次,当图像已经缓存时,$(window(.on('load',…(不会执行(我想是因为图像在document.ready之前加载得更快(,因此加载程序不会关闭。
附言:我在用Chrome在安卓系统上测试时注意到了这一点,在我的电脑上,这个问题没有显示
有人有办法解决这个问题吗?
使用此代码修复
$(window).on('load',function() {
$('.loader').hide();
});
$(document).ready(function(){
// Other things...
});
以下是您必须使用的:
$('.loader').hide();
});
$(document).ready(function(){
// Other things...
});```