javascript - 延迟加载图像在 IE9 中不起作用(Jquery、航点)

Question

延迟加载图像在 IE 9.0.8112.16421 中不起作用。

这是我的代码及其工作原理示例: http://jsfiddle.net/BbA9M/46/

当我在 IE9 中打开它时，延迟加载图像不起作用，但是当我单击 F12 并打开开发人员工具然后刷新页面时，它工作得很好。

我尝试添加

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

我的头，但它没有帮助。

你知道我应该怎么做才能在 IE9 中正确运行这段代码吗？

--编辑

当我更改这部分代码时:

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'));
}

通常，控制台仅在您使用调试器(或调试脚本)时出现。编码愉快!