Jquery error 事件

February 13, 2015

继续阅读

error 通常用来处理图像无法加载的错误。

$("img").error(function(){
    $(this).hide();
});

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

终于成功了。

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