我使用jQuery在hover()上为某些元素添加一个类,以便添加一些额外的样式,但不知怎的,它在Internet Explorer 7中不起作用 - 或者更确切地说,它似乎是偶尔在一些元素上工作。 (它适用于旧的SharePoint安装,所以我需要它与IE7和jQuery 1.4.1兼容......)
我知道IE 7-8存在z-index问题,但我不知道这是不是因为它不能在这里工作。 它适用于Chrome和Firefox。 我的标记是这样的:
<div id="wrapper">
<img src="https://placehold.it/488x488?text=Background+image" alt="">
<div class="pin one">
</div>
<div class="pin two">
</div>
<div class="pin three">
</div>
</div>
JS:
$('.pin').hover(function() {
$(this).addClass('hovered');
//window.console && console.log('foo');
}, function() {
$(this).removeClass('hovered');
});
Fiddle here - 显然不会在IE7或8上运行。
任何想法有什么不对?