Jquery error 事件

最新推荐文章于 2024-03-28 09:01:13 发布

原创最新推荐文章于 2024-03-28 09:01:13 发布 · 288 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #JavaScript #ViewUI

JQuery 专栏收录该内容

7 篇文章

订阅专栏

本文探讨了使用jQuery处理图片加载失败的问题。通过手动触发error事件，实现了当图片加载失败时替换为默认图片的功能。

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

Js代码

$(this).hide();

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

Js代码

$(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"，并且没有触发这个事件。在网上找了一圈儿也没有找到原因。

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

Js代码

$(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;
	    });
});

终于成功了。

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