如何隔離或排除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