Question

我有一个页面加载元素，该元素在页面加载期间显示，然后被删除。在大多数情况下，这是可行的，但有时却无效，因此用户永远只能盯着装载机。

通常可以，但是有时刷新页面时不起作用。在Chrome中，如果我打开开发人员工具，那么它总是可以正常工作。

document.addEventListener('DOMContentLoaded', function (event) {
    console.log("removing loader");
    $('.preloader').fadeOut(500, function () { $('.preloader').remove(); });
});

window.addEventListener('load', function (event) {
    console.log("removing loader");
    $('.preloader').fadeOut(500, function () { $('.preloader').remove(); });
});

此代码位于js文件中，我认为发生的是该文件已缓存，因此在刷新过程中不会再次运行。声音正确吗？我是否应该将其放入脚本标签中以确保其始终运行？

我在两个事件中都放入了代码，因为有时我的代码没有运行。但是，也许这实际上没有必要。

Answer 1

如果在元素加载期间出现任何错误，则某些侦听器可能无法触发。必须尝试简单的方法，

$(document).ready(function(){
    console.log("removing loader");
    $('.preloader').fadeOut(500, function () { $('.preloader').remove(); });
});

为什么刷新页面时有时无法运行此代码？

1 个答案: