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