jquery - 单击 jQuery UI 手风琴标题中的图标以打开 Bootstrap 模式，但防止手风琴折叠事件

Question

我有一个 jQuery UI 手风琴。在每个标题栏中都有一个“编辑”图标。单击此图标将打开 Bootstrap 模式。

目前，单击图标会启动模式，但显然也会触发手风琴菜单展开/折叠事件。我该如何预防？

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

据我所知，Bootstrap 模态事件首先发生，因为如果我使用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
  });  
});

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