引导模态：关闭模态并从 DOM 中删除

Question

我有一个页面，我想关闭 bootstrap 3 模态，然后从 DOM 中删除模态本身。

所以，我尝试过这样做：

let modal = $('#myModal');
modal.modal('hide');
modal.remove();

问题在于，此解决方案会关闭模态弹出窗口本身，但会在页面上留下变暗的半透明背景。我怀疑这是因为模式在关闭动画完成之前从页面中删除。

我知道我可以设置一个计时器来稍等片刻，并确保模式在从 DOM 中删除之前已关闭，但我想知道的是：是否有更“正确”的方式不依赖在任意计时器上？

Answer 1

你可以试试这个代码。

引导程序 3

$('#myModal').on('hidden.bs.modal', function () {
    $('#myModal').remove();
});

引导程序 2.3.2

$('#myModal').on('hidden', function () {
    $('#myModal').remove();
});

模态关闭后触发该事件。