jquery load event иногда не работает, почему?

Question

я использую что-то вроде этого

$(img).bind('load',function(){
       console.log('loaded');
});

и, очевидно, это работает, но когда страница загружает изображения из кеша событие не вызвано.

как я могу исправить эту ситуацию?

Answer 1

Это событие не вызывается в некоторых браузерах, если изображение кэшируется, чтобы обойти это, необходимо проверить свойство .complete, например:

$("img").one('load',function(){
       console.log('loaded');
}).each(function() {
  if(this.complete) $(this).load();
});

.one() гарантирует, что он не запускается дважды, часть .each() вручную запускает событие для кэшированных изображений, которые сами не выполняют событие load.

Answer 2

Поспеши! каждое изображение имеет свойство .complete (логическое значение), поэтому мне просто нужно проверить это, прежде чем связывать событие загрузки.