jquery window 加载未执行

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 之前加载得更快）因此加载器没有被关闭。

P.S。我在 Android 和 Chrome 上测试时注意到了这一点，在我的电脑上没有显示这个问题

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

Answer 1

已用此代码修复

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

$(document).ready(function(){


    // Other things...
});

Answer 2

这是您必须使用的内容：

    $('.loader').hide();
});

$(document).ready(function(){


    // Other things...
});```

jquery window on load not executed