此 Javascript 不适用于 IE，但适用于 Chrome、Firefox 和 Opera

Question

我有一个图像和一个微调器。我已经编写了一些代码来说明在加载任何 img 时删除类“微调器”。它适用于 Chrome、Firefox 和 Opera，但不适用于 Internet Explorer。

我在 Windows 7 上使用 Internet Explorer 11。

我在这里创建了一个非常基本的 jsfiddle 示例：http://jsfiddle.net/Forresty/o8v6xsze/

由于某种原因，它在任何浏览器中的 jsfiddle 中都不起作用，所以我不确定该怎么做。我已经使用单击功能对其进行了测试，因此如果单击图像，微调器类将被删除，并且它可以工作。所以我认为这与加载方面有关。

我的网站上还有一些其他的 javascript 正在运行，所以我认为这不是 IE 特定的问题。

代码如下：

HTML：

<div class="spinner"></div>
<img class="workImage" src="http://upload.wikimedia.org/wikipedia/commons/2/23/Lake_mapourika_NZ.jpeg">

css:

.workImage{
    width: 500px;
    height: 500px;
}

.spinner{
    width: 500px;
    height: 500px;
    background: red;
}

Javascript：

$('img').on('load', function() {
    $("div").removeClass("spinner");
})

我也试过这个javascript：

$('img').load(function() {
    $('div').removeClass('spinner');
})

我不知道我错过了什么。任何帮助，将不胜感激。

谢谢。

Answer 1

你需要在jsfiddle的左上角申请ondomready。它运作良好。我也在IE10中测试过。

http://jsfiddle.net/o8v6xsze/1/

要解决IE10中的问题，您可以使用：

$('img').on('load', function() {
    $("div").removeClass("spinner");
}).each(function() {
  if(this.complete) $(this).load();
});

http://jsfiddle.net/o8v6xsze/3/

它在我的 IE10 中运行。