jquery on和使用jquery复杂选择器

Question

我有这个选择器：

我在页面周围有一个以这样的斜杠开头的锚点

<a href="/projects/case-study/">Link to case study</a>

我也有这个阻止他们工作。

$("body").on("click", "a[href^='/']", function(e){
   return false;
});

这适用于所有现代浏览器和IE10,9,8但不是7。

为什么会出现这种情况？

Answer 1

你为什么(Mis?)using return false。当我们致电return false时，以下任务就是执行：

1. event.preventDefault（）;
2. event.stopPropagation（）;
3. 停止回调执行并在调用时立即返回。

取消默认行为所需的唯一操作是preventDefault()。

   e.preventDefault ? e.preventDefault() : e.returnValue = false;

所以，你最终可能如下：

$("body").on("click", "a[href^='/']", function(e){
   e.preventDefault();
});