bootstrap modal:关闭模态并从DOM中删除

时间:2018-03-20 09:19:43

标签: javascript jquery twitter-bootstrap-3 bootstrap-modal

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

所以,我试过这样做:

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

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

我知道我可以设置一个定时器等待一下并确保模态已经关闭然后从DOM中删除它,但我想知道的是:是否有一种更“正确”的方式不依赖在一个任意的计时器?

1 个答案:

答案 0 :(得分:3)

您可以尝试使用此代码。

Bootstrap 3

tweet=" ".join(re.findall("[a-zA-Z]+", tweet))

Bootstrap 2.3.2

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

事件将在模态关闭后触发。