Jquery error 事件

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

Snoopy7713

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

阅读量213

点赞数

分类专栏： JQuery 文章标签： jquery JavaScript ViewUI

本文链接：https://blog.csdn.net/Snoopy7713/article/details/84352817

版权

JQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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

终于成功了。

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