Captura de error de carga img para <img> etiquetas creadas después de la carga de la página (por ejemplo, a través de AJAX)

Question

Estoy usando el controlador de eventos error de jQuery para detectar errores de carga de imágenes. Se ve así:

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

Esto funciona muy bien para las imágenes que están en el DOM cuando se carga la página. Sin embargo, me gustaría detectar los errores de las etiquetas <img> que también se insertan a través de AJAX. Preferiría no tener que ejecutar cierto código después de cada llamada AJAX.

me gustaría algo como esto, aunque esto no parece funcionar:

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

Answer 1

Si no desea establecer la unión después de cada llamada AJAX, es posible que desee establecer en una ajax global de la función completa

//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

puede utilizar jQuery en vivo() o su delegado() o en() métodos dependiendo de la versión de jQuery que utiliza para registrar el evento de error en los elementos de imagen actuales y futuros que se agregan a el documento. Consulte http://api.jquery.com/live/