首页 文章

单击jQuery UI accordion Headers 中的图标以打开Bootstrap模式,但防止手风琴折叠事件

提问于
浏览
0

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

目前,单击图标会启动模态,但显然也会触发手风琴菜单展开/折叠事件 . 我该怎样预防呢?

Demo: http://jsfiddle.net/M3MDJ/3/

据我所知,Bootstrap模态事件首先发生,因为如果我使用 event.stopPropagation()event.stopImmediatePropagation() 什么都没发生;甚至模态都被阻止打开 .

1 回答

  • 0

    你必须使用 data- 属性控制带有javascript而不是自动inlitialize的模态 . 否则,当bootstrap自动绑定click处理程序时,它无法知道不传播该事件

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

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

相关问题