加载文件不起作用，但加载窗口确实[重复]

Question

我试图让我的脚本仅在我的整个页面加载后运行，包括图片。

所以我一直在使用这个代码。

$(document).on('load', function() { $('#loading').hide(); });

这不起作用，因为它永远不会激活。但是，当我使用窗口而不是文档时，它可以工作，但这不是我需要的。我需要在激活之前加载包括图片在内的所有内容。

我很困惑为什么这不起作用。

编辑

这不是一个基本的 onload 文档，而不是文档就绪问题。即使加载此代码，我的图片也没有完全加载。

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

Answer 1

没有document load 事件。 load 事件发生在 window 对象上。

document 上有一个DOMContentReady 事件，该事件发生的时间与窗口load 事件不同。

既然你希望所有资源都被加载，你希望windowload事件像这样：

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