jquery - jQuery preventDefault - 为什么它不起作用？

Question

我有这个 HTML：

<header>
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <a class="btn btn-inverse pull-left" href="myfile.html"> &larr; prev</a>
        <ul class="nav">
          <li><a href="#">Lorem</a></li>
          <li class="active"><a href="#">ipsum</a></li>
          <li><a href="#">Lorem</a></li>
          <li><a href="#">ipsum</a></li>
        </ul>
        <a class="btn btn-inverse pull-right disabled" href="file.html">next &rarr;</a>
      </div>
    </div>
  </div>
</header>

和这个 JS（在document.ready包装器中）：

$(".disabled").bind('click', function(e){
  e.preventDefault();
});

当我单击禁用的链接时，我仍然打开下一页。为什么？

Answer 1

因为它也对我作为小提琴起作用，所以我知道问题需要出现在我的脚本的其他部分。经过一番调试，我发现了问题：

$(".disabled").bind('click', function(e){
  e.preventDefault();
});

被设置在一个on包装器中：

$("#poem").on("click", function() {
  $(".disabled").bind('click', function(e){
    e.preventDefault();
  });
})

写成这样之后：

$(".disabled").bind('click', function(e){
 e.preventDefault();
});

$("#poem").on("click", function() {
  // something...
})

现在可以了！