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

Question

我有一张图片和一个微调器。我写了一些代码来说明在加载任何 img 时删除类“spinner”。它适用于 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 中工作。