Замените изображение стандартным изображением на 404

Question

Я пытаюсь перебрать набор изображений с тем же классом и приложить к ним обработчик ошибок, чтобы при ошибке я заменил изображение на стандартный образ на $(this).attr('src', 'img path');. Я помещаю это .each() в конце document.ready(). Цикл выполняет итерацию правильно, однако .error() не срабатывает, хотя у меня ошибка 404. Я попробовал .click() и предупредил о том, что произойдет вместо этого, и появилось предупреждение. Как я могу это решить, чтобы увольнять .error()?

$('img.thumbnail-img').each(function(index, element) 
{ 
    $(element).error(function() 
    { 
     load_thumbnails_error('img', this); 
    }); 
}); 

Answer 1

От jQuery documentation:

Обработчик события должен быть присоединен, прежде чем браузер запускает событие ошибки, поэтому пример устанавливает атрибут Src после установки обработчика. Кроме того, событие ошибки может быть неправильно запущено, когда страница обслуживается локально; ошибка зависит от кодов состояния HTTP и, как правило, не запускается, если URL-адрес использует протокол file:.

Если я это понял, это означает, что если вы выполняете свой .each цикл в функции $(document).ready все картинки для их ошибок уже обожженной.