javascript - 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 之前加载速度更快)，因此加载器不会关闭。

附注我在使用 Chrome 在 Android 上进行测试时注意到了这一点，但在我的 PC 上并未显示此问题

有人有办法解决这个问题吗？

Answer 1

使用此代码修复

$(window).on('load',function() {
    $('.loader').hide();
});

$(document).ready(function(){


    // Other things...
});