如何隔离或排除jquery手风琴中的特定点击

Question

我有这段代码

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

我的代码与官方jquery UI手风琴中的代码相同

http://jqueryui.com/accordion/

现在当我点击h3然后div滑下来，当我再次点击h3然后它向上滑动。这没问题就行了。

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

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

我希望如果我点击编辑，那么手风琴不应该打开，但如果有人点击了栏上的任何地方，那么它应该可以正常工作

Answer 1

点击修改按钮后，使用event.stopPropagation();

Here's the documentation

Complete fiddle

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

  /* Do your stuff */

  return false;   
})

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