IE7-8中jQuery hover（）的问题

我正在使用jQuery向hover（）上的某些元素添加一个类，以便添加一些额外的样式，但不知何故，它在Internet Explorer 7中不起作用——或者更确切地说，它似乎在某些元素上偶尔起作用。 （它用于旧的SharePoint安装，因此我需要它与IE7和jQuery 1.4.1兼容…）

我知道IE7-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>

-这显然不会在IE7或IE8上运行

---

有什么问题吗？

为什么要使用jQuery更改悬停时的z索引。你能不能在你尝试过的csshave中使用

.pin:hover

来更改它。mouseover而不是hover？@Andrew可能他正在生成内容，js是针对html结构重新绘制的……只是可能：（：hover不受IE 7支持，元素除外。@DincaAdrian>根据jQuery规范，“调用

$（选择器）。hover（handlerIn，handlerOut）

是：

$（选择器）.mouseenter（handlerIn.mouseleave（handlerOut）；

”

$('.pin').hover(function() {
  $(this).addClass('hovered');
    //window.console && console.log('foo');
}, function() {
  $(this).removeClass('hovered');
});