動態將“ onerror”事件附加到圖像

Question

我有一個顯示圖像列表的頁面。 但是，這些圖像中的一兩個會根據用戶搜索的內容而出錯。 理想情況下，我想在這些圖像上附加onerror事件，以便可以顯示其他圖像而不是不良圖像。

但是，這些圖像是使用sharepoint / lync庫顯示的，我無法控制它們的聲明。 當它們被聲明時，我只是向函數傳遞一個圖片URL，僅此而已。 我無法指定onerror事件。

有沒有一種方法可以將該事件動態地附加到在頁面上創建的任何圖像上？

我在想一些類似的事情

        $("img").on('onerror', function ()
        {
            alert("test");
        });

但是，這種嘗試是不成功的。 我知道jquery有一個error（）方法，但這不起作用，因為圖像是在運行時創建的

        $("img").error(function ()
        {
            alert("test");
        });

Answer 1

在運行時創建圖像后，請使用事件委托 ：

$(document).on("error", "img", (function (){
     alert("test");
});

Answer 2

嘗試遍歷圖像並加載。 如果不存在，請更換。

$.each($('img'), function(){
    var test = new Image();
    $(test).load(function () {
        //if error, load alternate
    });
    test.src = $(this).src;
});