要求jQuery在执行某些操作之前等待所有图像加载的官方方式

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()仅在第一次加载页面时起作用。 如果您要进行动态处理(例如:单击按钮,等待加载一些新图像),则此操作将无效。 为此,您可以使用我的插件:

演示版

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值