<img>のページを読み込んだ後にタグを埋め込んだときにimgの読み込みエラーが発生する（例：AJAX経由）

Question

jQueryのerrorイベントハンドラを使用してイメージの読み込みエラーをキャッチしています。これは次のようになります。

$(function(){ 
    $('img').error(function(){ 
    // ... do something 
    }) 
}) 

これは、ページが読み込まれたときにDOMにある画像に最適です。しかし、AJAX経由で挿入される<img>タグのエラーもキャッチしたいと思います。私はすべてのAJAX呼び出しの後に特定のコードを実行する必要はありません。

これが動作していないようですが、私は、このような何かが欲しい：

$('body').on('error', 'img', function(){ 
    // ... do something 
}) 

Answer 1

あなたはすべてのAJAX呼び出しの後に結合を設定しない場合、あなたはそれを設定することをお勧めしますあなたは、あなたがに追加、現在および将来の画像要素のエラーイベントを登録するために使用しているjQueryのバージョンに応じて、jQueryのライブ（）またはデリゲート（）または（）メソッドでは使用することができますグローバルAjaxの完全な機能

//Gloabal Ajax Complete 
$("body").bind("ajaxSend", function(e, xhr, settings){ 
    //Sent 
}).bind("ajaxComplete", function(e, xhr, settings){ 
    //Complete 
    $('img').error(function(){ 
     // ... do something 
    }) 
}).bind("ajaxError", function(e, xhr, settings, thrownError){ 
    //Error 
}); 

Answer 2

ドキュメント。参照先http://api.jquery.com/live/