我目前正在开发 C# MVC 应用程序。我使用 Twitter 的 Bootstrap 模式框作为“弹出”窗口。这在过去是完美的,但由于某种原因,现在却行不通了。我现在得到的结果如下所示。别介意模糊,我就是这么做的。
自然地,背景应该变成灰色,像往常一样淡出,尽管由于某种原因现在没有。我基本上复制粘贴了在其他地方工作的代码并更改了值。我仔细检查了两次,以确保我没有在某个地方犯错误,但老实说,我看不到它。
我已将相关代码粘贴在下面。 JQuery 被加载到布局文件中。这是记录的部分 View
<button id="btnAddNewSecureFolder" onclick="openTheCreateWindow()" data-toggle="modal" data-target="#modal-new-secFolder" class="btn btn-md btn-default giveMeSomeSpace leaveMeAlone">Add a secure folder</button>
@*<button onclick="openTheCreateWindow()" class="btn btn-md btn-default giveMeSomeSpace leaveMeAlone" id="btnAddNewSecureFolder">
Add a secure folder
</button>*@
<div class="modal" id="modal-new-secFolder" tabindex="-1" role="dialog" aria-labelledby="modal-new-secFolder" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close cancel" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">Add a new secure folder</h4>
</div>
<div class="modal-body">
@Html.Partial("CreateNewSecureFolder")
</div>
</div>
</div>
</div>
<script>
function openTheCreateWindow() {
$('#modal-new-secFolder').modal('show');
}
</script>
最佳答案
检查 Chrome 开发者工具是否
<div class="modal-backdrop fade in"></div>
在关闭之前存在</body>
标签。
此 div 的样式:
同时尝试删除
aria-hidden="true"
来自模式对话框的属性。
关于javascript - Bootstrap 的模态框 - 背景不会在显示时淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29947811/