Ленивая загрузка изображений не работает в IE9 (Jquery, waypoint)

Question

Ленивая загрузка изображений не работает в IE 9.0.8112.16421.

Вот мой код и пример, как это работает: http://jsfiddle.net/BbA9M/46/

Когда я открываю его в IE9, загрузка изображений с отложенной загрузкойне работает, но когда я нажимаю F12 и открываю инструменты разработчика, а затем обновляю страницу, все работает отлично.

Я пытался добавить

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />    

к моей голове, но это не помогло.

У вас есть идеи, что мне делать, чтобы правильно запустить этот кодв IE9?

- EDIT

Когда я изменяю эту часть кода:

if(deferred) {
$(objImg).animate({opacity: 0.1}, 250, function(){
objImg.src = deferred;
console.log('Lazy loading img:', objImg.getAttribute('deferred'));
}).animate({opacity: 1.0}, 1000);                        
}         

, чтобы сократить:

if(deferred) {
objImg.src = deferred;                                     
}    

Тогда это работает,Вот пример: http://jsfiddle.net/BbA9M/53/ Возможно, что-то не так с эффектом JQuery или IE9 имеет странную проблему.

- РЕДАКТИРОВАТЬ

Я нашел решение.IE9 не поддерживает эту строку, когда инструменты разработчика отключены:

console.log('Lazy loading img:', objImg.getAttribute('deferred'));

Answer 1

Ну ... в зависимости от вашего решения вы можете добавить:

if(console && console.log) {
     console.log('Lazy loading img:', objImg.getAttribute('deferred'));
}

Обычно консоль присутствует только при использовании отладчика (или сценария отладки).Удачного кодирования!