點擊jQuery UI手風琴圖標打開Bootstrap模式，但是防止手風琴崩潰事件

Question

我有一個jQuery UI手風琴。在每個標題欄中都有一個「編輯」圖標。點擊此圖標將打開一個Bootstrap模式。

此刻，點擊圖標啓動模式，但顯然也會觸發手風琴菜單展開/摺疊事件。我怎樣才能防止它？

演示：http://jsfiddle.net/M3MDJ/3/

至於我可以告訴大家，自舉模式的事件發生時首先是因爲如果我在一切都發生event.stopPropagation()或event.stopImmediatePropagation()什麼;即使模態也不能打開。

Answer 1

您必須使用javascript控制模態，而不是自動彈出data-屬性。否則，當引導自動綁定單擊處理它沒有辦法知道不傳播事件

$(document).ready(function() { 
    $('.edit').click(function(e){ 
    e.stopPropagation(); 
    $('#modal-edit').modal() 
    }) 
    $('#accordion').accordion({ 
    collapsible: true, 
     active: false 
    }); 
}); 

DEMO：http://jsfiddle.net/M3MDJ/4/