如何知道是否加载了 div 背景图像答案

【问题标题】：How to know If div BackGround Image is loaded如何知道是否加载了 div 背景图像
【发布时间】：2011-03-13 02:56:16
【问题描述】：

我有一个应用程序，其中有许多 div，每个 div 都有不同的图像作为 CSS 的背景图像...我如何知道应用于 div 的背景图像是否已完全加载...

【问题讨论】：

【解决方案1】：

页面加载完成时会触发window.onload 事件，其中还包括图片

【讨论】：

+1 会建议这个。如果您更喜欢使用 JQuery 处理它，也可以使用 JQuery .ready()
@Alex, no jquery.ready 与 DomLoaded 事件相同，这是在下载图像之前。大多数时候你使用 DomLoaded/ready 事件，但在这种情况下不是。
api.jquery.com/ready "虽然 JavaScript 提供了在页面呈现时执行代码的加载事件，但在完全接收到图像等所有资源之前不会触发此事件。"
@Alex: 所以它说：(on)load 被称为 after 图像下载。大多数时候这是不需要的（为时已晚），所以他们创建了就绪/domloaded。同一页：“如果代码依赖于加载的资产（例如，如果需要图像的尺寸），则应将代码放在 load 事件的处理程序中。”跨度>
Window.onload 在我的情况下可能不起作用，因为我的 div 是动态创建的，但不是 onload...

【解决方案2】：

您需要先“预加载”背景图片，然后将它们设置为 div

你可以看看这个问题：

【讨论】：