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();
});
以下是父模态代码(代码 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();
});