我有一个图像和一个微调。我已经写了一些代码来说,当任何img加载时删除类'微调'。它适用于Chrome,Firefox和Opera,但不适用于Internet Explorer。此Javascript在IE中不起作用,但适用于Chrome,Firefox和Opera
我在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');
})
我不知道我在想什么。任何帮助,将不胜感激。
谢谢。
[jQuery图像加载回调(即使图像被缓存)]的可能重复](http://stackoverflow.com/questions/3877027/jquery-callback-on-image-load-even-when-the-图像缓存) – antyrat 2014-09-21 13:01:03
非常感谢antyrat – Forrest 2014-09-21 13:19:46