关闭后引导模式冻结页面

Posted 2023-05-08

【中文标题】关闭后引导模式冻结页面

【英文标题】：Bootstrap modal freezing page after close

【发布时间】：2018-07-05 02:52:33

【问题描述】：

所以我有一个带有数据表的页面，它打开一个模式，您可以在那里编辑一些值。

当我单击“确认”按钮时，我运行了一个完美运行的 AJAX，并且在“成功：”中我想关闭模式。

使用$('#exampleModal').modal('hide');，背景会停留在那里，用户必须重新加载页面。 在这里搜索后，我通过添加看到了解决方案：

$('body').removeClass('modal-open');
$('.modal-backdrop').remove();

此时，模式完全消失，“阴影”效果消失，但页面被冻结。这意味着它会滚动，但任何链接/按钮都不起作用，不要更改光标图标。

编辑（更多信息）： 使用data-dismiss="modal" 使用“取消”按钮关闭模态框或在模态框外单击都可以完美。

在“AJAX 按钮”中使用data-dismiss="modal" 会出现上述相同的问题。

【参考方案1】：

我遇到了同样的问题，如果我理解您的问题，请使用 $('#modalname').modal('hide'); 并在 request.done 中通过 window.location = window.location; 重新加载页面。这解决了我的问题。

【讨论】：

重新加载页面并不能解决实际问题