Bootstrap Modal覆盖关闭事件

Question

我有我的Bootstrap模态警报。我可以在“ok”按钮上处理click事件，如：

$('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();
});

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