javascript – 懒惰加载图像在IE9中不起作用(Jquery,waypoint)

2023年4月5日 120次阅读

延迟加载图像在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'));

最佳答案 嗯…根据您的解决方案,您可以添加：

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

通常,只有在使用调试器(或调试脚本)时才会出现控制台.快乐的编码！

点赞