在jQuery中,当您执行以下操作时:
$(function() {
alert("DOM is loaded, but images not necessarily all loaded");
});
它等待DOM加载并执行您的代码。 如果未加载所有映像,则仍将执行代码。 如果我们要初始化任何DOM东西(例如显示或隐藏元素或附加事件),显然这就是我们想要的。
假设我想要一些动画,并且在加载所有图像之前不希望它运行。 jQuery中有正式的方法吗?
我最好的方法是使用<body onload="finished()">
,但是除非需要,否则我真的不想这样做。
注意:Internet Explorer的jQuery 1.3.1中存在一个错误,该错误实际上在执行$function() { }
代码之前确实等待所有图像加载。 因此,如果您使用该平台,则会得到我正在寻找的行为,而不是上面描述的正确行为。
#1楼
对于那些希望在$(window).load
触发后收到请求下载单个图像的通知的用户,可以使用图像元素的load
事件。
例如:
// create a dialog box with an embedded image
var $dialog = $("<div><img src='" + img_url + "' /></div>");
// get the image element (as a jQuery object)
var $imgElement = $dialog.find("img");
// wait for the image to load
$imgElement.load(function() {
alert("The image has loaded; width: " + $imgElement.width() + "px");
});
#2楼
$(window).load()
仅在第一次加载页面时起作用。 如果您要进行动态处理(例如:单击按钮,等待加载一些新图像),则此操作将无效。 为此,您可以使用我的插件: