Jquery error 事件

error 通常用来处理图像无法加载的错误。$("img").error(function(){

$(this).hide();

     $(this).hide();
});

 

$(document).ready(function(){
$("img").error(function() {
this.src="/static/img/tempImg.jpg";
});
});

$(document).ready(function(){
	$("img").error(function() {
	        this.src="/static/img/tempImg.jpg";
	    });
});

测试发现虽然 页面显示 图片加载失败 但是 src并没有指向 "/static/img/tempImg.jpg"，并且没有触发这个事件。在网上找了一圈儿 也没有找到原因。

好吧，只好做了如下处理：

 

$(document).ready(function(){
$("img").error(function() {
this.src="/static/img/tempImg.jpg";
});
//测试发现在对onError事件或者说对jQuery绑定的error事件处理时，将该事件处理脚本放在ready函数中执行时根本不起作用。所以这里手动触发 error事件
$("img").each(function(){
this.src=this.src;
});
});

$(document).ready(function(){
	$("img").error(function() {
	        this.src="/static/img/tempImg.jpg";
	    });
	    //测试发现在对onError事件或者说对jQuery绑定的error事件处理时，将该事件处理脚本放在ready函数中执行时根本不起作用。所以这里手动触发 error事件
	    $("img").each(function(){
	    	this.src=this.src;
	    });
});

终于成功了。

 

如果哪位大神知道这是什么原因造成的 不妨告知在下。

评论

2 楼 xfjt297857539 2012-11-06  

xfjt297857539 写道

改成这样应该可以吧

$("img").each(function(){   
       this.src="/static/img/tempImg.jpg";
 });  

再把error放进each里面

1 楼 xfjt297857539 2012-11-06  

改成这样应该可以吧

$("img").each(function(){   
       this.src="/static/img/tempImg.jpg";
 });