Bootstrap 模态 MVC 部分视图数据背景问题

Question

我在使用 Bootstrap 模式时遇到问题，你知道当我们调用模式时，我们调用它的页面被禁用（它变成灰色）并且你只能 type/click模态对吗？不过，就我而言，主页和模式都被禁用，因此我在调用它后无法单击或关闭我的模式。我可以通过将 data-backdrop 属性 设置为 false 来修复它，但这会消除对我的模态和页面的影响。

默认模式：

数据背景 = "false"

我认为这是因为我的模态内容是局部视图，模态也是从局部视图调用的。为了帮助你想象：我有 3 页
1. Index.cshtml（主页）
2. SearchResult.cshtml（局部视图）
3. Edit.cshtl（局部视图）

Index 是我的搜索条件栏的位置，当点击 Go 时，在页面中心调用 SearchResult 部分视图，然后当我点击编辑时，模态弹出窗口。

我的假设是背景也禁用了我的 SearchResult，因此我的整个页面都被禁用了。不过我不太确定。我希望你能帮我解决这个问题。谢谢！

Answer 1

你有代码示例吗？我没有看就猜到你用模态内容填充的 div 是在 div(s) 里面，还有你的页面内容的其余部分。如果是这种情况，请尝试将模态 div 移出任何嵌套标签，使其独立存在。

I.E.

`<div id="PageContent"></div>

<div id="ModalContent"></div>`

Answer 2

我准备好将此代码放在我的文档中，以便在该元素添加到页面时捕获它，并且我将他的 css 属性位置删除为相对：

 $('body').on('DOMNodeInserted', '.modal-backdrop', function () {
           
            $(this).css('position','relative');
        });