我有一个图像和一个微调框。我已经写了一些代码说要在加载任何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');
})
我不知道我在想什么。任何帮助,将不胜感激。
谢谢。
您需要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中运行。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句