jQuery / Javascript - как определить, что изображение было перезагружено

Question

У меня есть несколько действий, которые могут быть предприняты на экране, что приведет к перезагрузке изображения через Ajax-вызов (не-jQuery). Мне нужен способ обнаружить, что изображение было перезагружено, чтобы я мог снова прикрепить обработчик событий к изображению. Как я могу это сделать?

Answer 1

Альтернативный способ сделать это - использовать событие live в jQuery.

Который связывает обработчики с существующими в настоящее время (выбранными) элементами и любыми другими, которые могут появиться позже (через XMLHttpRequest или просто обработку DOM). Это означает, что вам не нужно определять, было ли загружено изображение или другой элемент, он автоматически связывает события для вас.

Answer 2

Мне не ясно, просто ли ajax обновляет src изображения или у вас есть целые новые фрагменты HTML с <img> тегами в них.

В любом случае это должно связывать событие onload с любым изображением на странице и любым img, добавляемым в DOM.

$('img').live("load", function(e){
  // fires when an img tag has an onload event fire.
});