引导模态：关闭模态并从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();
});

模态关闭后将触发事件。