Image.onload事件未触发

时间:2014-05-30 04:12:15

标签: javascript image onload-event

我正在尝试加载临时图片代码。加载完图片后,我会设置' src'对于img#main来说,' src' "临时"图像元素。问题是,临时图像是成功加载的(它显示在屏幕上),但是onload处理程序似乎没有触发。我永远不会得到我的"图像已经完成加载"味精。我不知道临时图像如何显示在页面上,但是没有触发其onload处理程序(如果浏览器使用图像的缓存版本会发生这种情况吗?但是,我很确定我无论如何,清除缓存。)顺便说一下,我也试过下面的B)代码。但这似乎也无济于事。另外,我使用Aptana Studio并将我的页面加载到我的本地WAMP服务器中。我不知道这是否有所不同。此外,我分配给' src'文档相对(如:" images / image_1.jpg")。

我很感激任何人可能有的建议。非常感谢。迈克H.

A)

$('img#temp').load = function(){
  mch.say('Image is done loading');
}
$('img#temp').attr('src', url);
$('img#main').attr('src', url);

B)

var tempImage = new Image();
tempImage.src = url;
tempImage.onload = function(e){
mch.say("Image is done loading");
}

1 个答案:

答案 0 :(得分:4)

A& A中有两个错误。乙

A)$('img#temp').load应为$('#temp').on('load')(如果你正在使用jquery)

B)您应该在<{1}} 之前分配onload事件来确定src