IE7-8中jQuery hover()的问题

时间:2017-01-10 09:15:42

标签: jquery css internet-explorer-7

我使用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上运行。

任何想法有什么不对?

0 个答案:

没有答案