Jquery error 事件

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

Js代码 Jquery error 事件Jquery error 事件Jquery error 事件
  1. $(this).hide();
$(this).hide();
});
Js代码 Jquery error 事件Jquery error 事件Jquery error 事件
  1. $(document).ready(function(){
  2. $("img").error(function() {
  3. this.src="/static/img/tempImg.jpg";
  4. });
  5. });
$(document).ready(function(){
	$("img").error(function() {
	        this.src="/static/img/tempImg.jpg";
	    });
});

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

好吧,只好做了如下处理:

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

终于成功了。

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

相关推荐