該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中運行。