Question

我发现了这个问题：jQuery/JavaScript to replace broken images 它的作品非常适合img标签，但是当我尝试将它用于图片标签时，它不起作用。

首先我尝试捕获源失败：

    $('picture source').on('error', function () {
        loadBackupImage($('picture source').first());
    });

并且错误没有被解雇。

然后我尝试在备用img标记上得到错误。但我无法获得具体的源 - srcset属性。

另外，当我更改img.src时。它仍然在浏览器上返回错误。即便如此，我发现img.src是正确的。

谢谢！

Answer 1

我找到了方法：标签图片以img的形式触发，而img有兄弟姐妹 - 来源。

$("img").on('error', function () {
    $(this).siblings("source").attr("srcset","mybackup.jpg")
});

另外一个问题：我在属性数据图像中存储了每个源的不同图像，并显示了正确的备份图像

$("img").on('error', function () {
    var image = $(this).siblings("source").attr("data-image");
    $(this).siblings("source").attr("srcset",image);
});

希望你能找到它的帮助。

如何处理html5图片上的错误

1 个答案: