Jquery图像错误不适用于多个元素

Question

如果图片没有加载，我正在使用以下代码交换图片的src值：

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

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

Answer 1

您可以尝试此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");
});