javascript - 如何隔离或排除 jquery Accordion 中的特定点击

Question

我有这个代码

<h3> <a href="#" > Edit </a>.... </h3>
<div> ... </div>

我这里的代码与官方 jquery UI Accordion 中的代码相同

http://jqueryui.com/accordion/

现在，当我单击 h3 时，div 会向下滑动，当我再次单击 h3 时，它会向上滑动。这工作正常，没有任何问题。

现在我在 h3 标签内有 EDIT 文本。现在我在有人点击编辑时打开灯箱。

但由于编辑在 h3 标签内，当点击编辑链接时， Accordion 也会关闭或打开。

我希望如果我点击编辑，那么 Accordion 不应该打开，但是如果有人点击栏上的任何地方，那么它应该按原样工作

Answer 1

点击编辑按钮时使用 event.stopPropagation();

Here's the documentation

Complete fiddle

$('a.button').click(function() {
  event.stopPropagation(); 

  /* Do your stuff */

  return false;   
})

还发现了一个有趣的读物 here