该Javascript在IE中不起作用，但在Chrome，Firefox和Opera中起作用

Question

我有图像和微调框。 我写了一些代码说要在加载任何img后删除类“ spinner”。 它可以在Chrome，Firefox和Opera中正常运行，但不能在Internet Explorer中运行。

我在使用Internet Explorer 11的Windows 7上。

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

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

我的网站上还有其他正在运行的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

您需要应用ondomready对留在上面jsfiddle 。 运行良好。 我也在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中运行。