javascript - jQuery 1.10.2 选择器在 IE 中损坏了吗？

Question

这个基本的 jQuery 点击拦截在 jQuery 1.10.2 的 IE 中似乎不起作用:

HTML

<ul id="nav">
    <li>
        <a href="/test">simple selector</a>
    </li>
</ul>

JS

$(document).ready(function (){ 
    $('#nav a').click(function (e){
          e.preventDefault();
          alert("intercepted test link");
    });
});

JSFiddle:http://jsfiddle.net/YfRMR/6/ (它是 JSFiddle 上的 jQuery 1.10.1，但我在我的开发站点上看到了相同的效果)。

适用于 Chrome、Safari、FF。在 IE9 或 IE10 中不起作用。如果我恢复到 jQuery 1.9.x，它确实在 IE 中工作

我是不是遗漏了什么或者 jQuery 1.10.2 在这里失败了？

Answer 1

事实证明，JSFiddle 问题是一个转移注意力的问题。在 JSFiddle 之外的正常情况下，上面的代码似乎在 IE10 中工作。

我遇到的问题(在未精简的原始标记中)是在我的链接之上(就 z-index 而言)有第二个隐藏的 UL，隐藏使用:

opacity: 0;
pointer-events: none;

但是 IE10 不支持指针事件 for non SVG elements所以点击是在 IE 中点击上面的隐藏元素。

我会使用 display: none; 但这会阻止 CSS 不透明度转换的发生，除非你用 JavaScript 引入延迟(我现在会厌倦地这样做)。