Bootstrap Modal覆盖关闭事件

Question

我有我的Bootstrap模式警报。我可以在“确定”按钮上处理点击事件，例如：

$('button[data-dismiss="ok"]', confirmModal).on('click', function (event) {
    // ...
});

但是我想以不同的方式处理“取消/模式”按钮：

$('button[data-dismiss="modal"]', confirmModal).on('click', function (event) {
   // ...
});

发生的事情是，在处理modal事件时，模式窗口将关闭，但由于某种原因它不会将焦点返回给文档。 Codepen

Answer 1

问题似乎是这一行：

confirmModal.remove();

您要在删除模态之前将其隐藏。因此，在隐藏模态的同时将其删除。这就解释了为什么关闭时看不到“向上移动”事件。模态就消失了。

在hidden.bs.modal事件之后删除模式 将解决您的问题：

confirmModal.on('hidden.bs.modal', function () {
    confirmModal.remove();
});

希望这可以解决您的问题：-）