javascript - Bootstrap 的模态框 - 背景不会在显示时淡出

Question

我目前正在开发 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">&times;</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>

Answer 1

检查 Chrome 开发者工具是否

<div class="modal-backdrop fade in"></div>

在关闭之前存在</body>标签。

此 div 的样式:

同时尝试删除

aria-hidden="true"

来自模式对话框的属性。