我使用 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 上并未显示此问题
有人有办法解决这个问题吗?
最佳答案
使用此代码修复
$(window).on('load',function() {
$('.loader').hide();
});
$(document).ready(function(){
// Other things...
});
关于javascript - jquery 加载窗口未执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60789780/