Question

以下是父模态代码（代码1）：

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

以下是我如何通过调用Js函数（代码2）在“modal_parent”中打开一个模态：

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

现在，当执行代码2时，为什么代码1也会被执行？简而言之，当在父母中打开子模态时，为什么父模态打开代码也会被触发？这两种模态都有不同的id s，如上所示。

任何自定义代码建议，以便在代码2执行时不触发代码1？

Answer 1

我不肯定这会起作用，但你可以尝试一下：

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