模态关闭后，Bootstrap 4 模态背景仍然存在

Posted 2023-03-07

【中文标题】模态关闭后，Bootstrap 4 模态背景仍然存在

【英文标题】：Bootstrap 4 Modal backdrop remains after Modal is closed

【发布时间】：2018-01-10 22:43:21

【问题描述】：

大家好，我在 Razor 视图中使用 Bootstrap 4 Modal，当我单击该链接时，在该 Modal 中有一个链接，会进行 Ajax 调用，在该 Ajax 调用之前，我使用以下代码关闭模式：

$("#oppDateModal").modal('hide');

一切正常，但是当我单击链接时，进行 ajax 调用时，模态已关闭，但页面仍在后台，就像模态仍处于打开状态一样。

这是Modal关闭后的页面截图，奇怪的是行为发生了变化，有时候Modal关闭后页面会恢复正常状态，有时候会停留在后台。

有谁知道这个问题以及如何解决它？？

【参考方案1】：

我通过添加这段代码解决了这个问题：

$("#oppDateModal").modal('hide');
    $("#oppDateModal").hide();
    $('.modal-backdrop').hide();
    $("body").removeClass("modal-open");

【讨论】：

这行得通，但是当我试图重新打开同一页面上的模态时，只有覆盖不是模态

【参考方案2】：

使用

location.reload(); 

隐藏模态后。这将自动重新加载页面

如果您不想重新加载页面 使用

$('.modal-backdrop').remove(); 

这将删除背景