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

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

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

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

您可以试试这个

---

那应该很好。控制台中是否有任何错误？以何种方式不起作用？什么都不做？向我们展示您的标记。工作示例：问题必须存在于代码的其他地方。控制台中没有错误。它并不是将图像替换为default.png，而是将原始的src保留在元素中？您是否在现有元素之前绑定此事件，即在这行代码之后动态加载配置文件图片？事实上，您的代码很好，100%很好，因此错误肯定在其他地方-您需要提供更多的上下文，以便我们可以找到“其他东西”是什么。

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