javascript - Bootstrap Modal覆盖关闭事件

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

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

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

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

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

最佳答案

问题似乎是这一行：

confirmModal.remove();

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

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

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

希望这可以解决您的问题:-)