Bootstrap 子模态打开时触发父模态打开事件

Boostrap child modal on opening fires parent modal open event

以下是父模态代码(代码 1):

$('#modal_parent').on('shown.bs.modal', function() {
  .....
})

以下是我如何通过调用 Js 函数(代码 2)在 "modal_parent" 中打开模态:

function editEntry(id){
  $("#childmodal").modal();
}

现在,当代码 2 被执行时,为什么代码 1 也被执行了? 简而言之,当在父级中打开子模式时,为什么父模式打开代码也会被触发?如上所示,这两种模式都有不同的 id

是否有任何自定义代码建议,以便在执行代码 2 时不触发代码 1?

我不确定这是否有效,但您可以尝试一下:

$("#childmodal").on('shown.bs.modal', function(event) {
  event.stopPropagation();
});

the docs here