Jquery 更改字体类在IE11上无法正常工作

我这里有一个跨浏览器的问题。请参阅以下JSFIDLE：

这个简短的脚本只是使用fa微调器和fa脉冲渲染四个加载程序图标。 然后在加载文档时，我将类更改为fa check

以下是HTML：

<i id="i1" class="fa fa-spinner fa-pulse"></i>
<i id="i2" class="fa fa-spinner fa-pulse"></i>
<i id="i3" class="fa fa-spinner fa-pulse"></i>
<i id="i4" class="fa fa-spinner fa-pulse"></i>

这在Firefox和Chrome中都可以正常工作。 然而，在IE11中，只有第一个元素被正确显示，第二个到第四个元素被更改为复选标记，但它们一直在旋转

看起来出于某种原因，IE上的动画没有停止

有人知道为什么会发生这种情况，以及我如何解决这个问题吗

---

编辑：简化版

您的小提琴在我的IE 11版上运行良好

我会尝试：

• 确保没有打开任何兼容性设置
• 在IE上推送更新
• 重置IE-单击上角的设置档位并选择 互联网选项。单击高级选项卡，然后单击重置。这将清除所有缓存和临时文件

---

目前，我找到了一个解决方法，将图标包装在一个div中，并用更新的类替换整个元素。 如果有人提出真正的解决办法，我还是会接受这个答案

新HTML：

<div id="c1"><i class="fa fa-spinner fa-pulse"></i></div>
<div id="c2"><i class="fa fa-spinner fa-pulse"></i></div>
<div id="c3"><i class="fa fa-spinner fa-pulse"></i></div>
<div id="c4"><i class="fa fa-spinner fa-pulse"></i></div>

新js:

$(document).ready(function() {
  $('#c4').html('<i class="fa fa-check"></i>');
  $('#c3').html('<i class="fa fa-check"></i>');
  $('#c1').html('<i class="fa fa-check"></i>');
  $('#c2').html('<i class="fa fa-check"></i>');
});

$（文档）.ready（函数（）{
$（'#c4'）.html（''）；
$（'#c3'）.html（''）；
$（'#c1'）.html（''）；
$（'#c2'）.html（''）；
});

新小提琴：

---

尝试使用

toggleClass（）

：

toggleClass（'fa-spinner fa pulse fa check'），而不是替换
attr（）
谢谢你的建议。试过了。没有骰子…尝试了这个，但问题仍然存在。我的IE版本是11.0.9600.18205。新版本将自动安装。
$(document).ready(function() {
  $('#c4').html('<i class="fa fa-check"></i>');
  $('#c3').html('<i class="fa fa-check"></i>');
  $('#c1').html('<i class="fa fa-check"></i>');
  $('#c2').html('<i class="fa fa-check"></i>');
});