点击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/