加载时的jquery窗口未执行

Question

我正在使用 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 之前），因此加载程序没有关闭。

PS我在使用Chrome在Android上进行测试时注意到了这一点，在我的PC上这个问题没有出现

有没有人有解决这个问题的想法？

Answer 1

使用此代码修复$(window).on('load',function() {&nbsp; &nbsp; $('.loader').hide();});$(document).ready(function(){&nbsp; &nbsp; // Other things...});

Answer 2

这是您必须使用的：&nbsp; &nbsp; $('.loader').hide();});$(document).ready(function(){&nbsp; &nbsp; // Other things...});```