Bootstrap 模态覆盖关闭事件答案

【问题标题】：Bootstrap Modal override close eventBootstrap 模态覆盖关闭事件
【发布时间】：2018-06-25 13:46:12
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

问题似乎出在这一行：

confirmModal.remove();

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

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

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

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

【讨论】：