在调用.hide()之后，模式背景不会消失
在调用.hide()之后，模式背景不会消失
提问于 2019-02-06 06:28:07
我试图隐藏一个模式，但模式正在消失，背景保持不变，不允许我单击任何东西。我必须刷新整个页面才能正常工作
下面是我的代码：
$("#AddNewOrganizationModal").modal('hide');它似乎在我所有的其他模式中都有效，但我不能准确地指出为什么这个模式没有被关闭：
下面是仍然出现的类：
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #1a1a1a;
}有没有办法在一般情况下删除这个类？
只有当我在开发网站上时，这种情况才会发生。在本地，它工作得很好，关闭时没有任何问题。
会不会有什么东西缓存在azure开发运维上？
回答 3
Stack Overflow用户
发布于 2019-02-06 06:36:00
Bootstrap通道的构造方式，背景是通道容器的一部分。
下面是一些伪代码来演示我的意思：
<modal-wrapper>
<modal-backdrop>
<modal-container>
content of modal
</modal-container>
</modal-backdrop>
</modal-wrapper>要对其应用hide函数的元素是<modal-wrapper>。当您隐藏它时，<modal-backdrop>也将被隐藏。
您可能是隐藏了<modal-container>，因此仍然显示<modal-backdrop>。
Stack Overflow用户
发布于 2019-02-06 06:36:50
我也遇到过同样的问题，不得不在模式隐藏事件期间手动强制隐藏背景。如下所示的代码：
$('#myModal').on('hidden.bs.modal', function (e) {
$('.modal-backdrop').hide();
});Stack Overflow用户
发布于 2019-02-07 00:03:10
这就是答案：
$('.modal-backdrop').fadeOut(150);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54544024
复制相关文章
相似问题
腾讯云开发者
