加载所有图像时执行 JQuery 函数答案

【问题标题】：JQuery function execute when all images are loaded加载所有图像时执行 JQuery 函数
【发布时间】：2011-03-24 05:50:29
【问题描述】：

当文档中的所有图像都已完全加载时，我需要执行一个函数，我已经尝试过这个


$(window).load(function() {....})

但这在 Opera 浏览器中无法正常工作，任何其他检测所有图像的功能都已加载，如果缺少图像也会忽略

【问题讨论】：

【解决方案1】：

根据http://api.jquery.com/load-event/，您需要将加载事件绑定到文档而不是窗口。当对象的所有内容和子元素都已加载时，将为对象触发 load 事件。页面的所有内容都是文档对象的一部分，而不是窗口。

所以要在页面上的所有图像都加载完毕后处理该事件，请执行以下操作：

$(document).load(function() {});

要在页面的一部分内的所有图像都已加载时处理该事件，请执行以下操作：

$("#pageSubSection").load(function() {});

【讨论】：

【解决方案2】：

试试 $(document).load(function() {....});

【讨论】：