Jquery 在图像错误上对多个元素不起作用

Jquery on image error not working for multiple elements

本文关键字：元素 不起作用 图像 错误 Jquery      更新时间：2023-09-26

如果图像未加载，我使用以下代码交换图像的src值：

$('.profile-pic').on('error', function() {
    $(this).prop('src', 'uploads/profile/default.png');
});

如果有一个 id 为 profile-pic 的元素，我可以使用上面的代码（交换选择器），它工作正常。那么，为什么这不适用于页面上的每个.profile-pic元素呢？

你可以试试这个 http://jsfiddle.net/buhr164g/4/

$(function(){
    var p ='http://localhost.com/sampleimage';
    for(var i=0;i<10;i++)
    {
        $("body").append('<img class="profile-pic" src="'+p+'_'+i+'.jpg"/>');
    }
    $(".profile-pic").error(function(){
    /* Do error processing */
    }).attr('src',"http://journal.appconnect.in/wp-content/uploads/2013/08/runner_small.gif");
});
相关文章：