javascript - 当我关闭模态时，所有 hidden.bs.close 都被触发

Question

我有 3 个 div， 这个将是模式

id="myModal"

其他的 div 将是模态的内容 - 新建和编辑操作如下:

id="new"data-view='New-Operation'

id="edit"data-view='Edit-Operation'

function init(){      
     var modal = document.getElementById("myModal");
                modal.innerHTML = "";
                modal.innerHTML = $("#new");
}

$("#myModal").on("[data-view='New-Operation'] hidden.bs.modal", function () {
});

$("#myModal").on("[data-view='Edit-Operation'] hidden.bs.modal", function () {
})



init();

为什么它们都是触发器？

Answer 1

hidden.bs.modal is the Event type that will be triggered

尝试改变这个:

var modal = document.getElementById("myModal");
modal.innerHTML = "";
$("#myModal").attr('data-view','New-Operation');
modal.innerHTML = $("#new");


$("#myModal div[data-view='New-Operation']").on(" hidden.bs.modal", function () {

});

$("#myModal div[data-view='Edit-Operation']").on(" hidden.bs.modal", function () {

});