Question

我尝试使用AngularJS框架中的holder.js为破碎的图像设置占位符。

一切都适用于所有浏览器，除了IE11（多么令人惊讶！），这给了我一个奇怪的“无效属性值”错误...我甚至没有测试旧版本的IE。

所以，它适用于：

但在以下情况下失败：

经过一些其他测试（使用jQuery或纯javascript），我发现错误不是来自holder.js。我认为在编程上在src / ngSrc属性中使用%字符时IE11存在问题...但我不知道为什么我是对的。

以下是四个用例的小提琴：

如果有人知道让它运作的原因或方法。

谢谢你的帮助......

编辑：

感谢@imsky，这是一个工作小提琴，使用data-src代替src：http://jsfiddle.net/msieurtoph/184fseew/23/

Answer 1

此处有两种解决方案，具体取决于您是否需要设置src属性。第一个是使用data-src而不是src：

$timeout(function() {
     _this.setAttribute('data-src', holderSrc)
     Holder.run({
         images: _this,
         nocss: true
     });
 });

这是一个更清洁的解决方案，我建议使用。

另一种解决方案是使用具有正确src属性值的克隆替换该元素。如果您需要维护对原始图像元素的引用，则此方法不是很干净并且会引入开销。如果需要正确设置src属性，我建议您这样做。