如何定位或覆盖MVC @ Html.Partial“ SomeModal”定位

问题描述

我遇到的问题是，某些Partials（显示为Modals）确实呈现了很好的位置，但是其他在标记中更深的位置（在Tabs中的视图中被内部包围）却没有。 （通过ajax没问题，因为我可以在模态的jQuery初始化中将Modal的css属性“ position”设置为任何id的div。）

例如

但是，当部分（显示为模式）从HTML深入加载到视图中时，我得到了这一点

模态的HTML完全相同（环绕div和class = modal，随后的div带有class ='modal-content“）。

第一个且位置正确的Modal具有此HTML。 （在主视图或基本视图中的“ Form”标签下（此操作具有动态不干扰的验证，因此是“ Form”标签）。

<form id="importExportForm">
@Html.AntiForgeryToken()

<div class="panel panel-default">
    <div class="panel-heading" id="TopPanel">
        <h3>Templates</h3>
    </div>
</div>

@Html.HiddenFor(m => m.Template.ID,new { htmlAttributes = new { @class = "form-control",@id = "TemplateID" } })

<div id="taskModal">@Html.Partial("TaskModal")</div>

在图的第三个视图中调用非正确定位的模态（图的第四个视图），

<div id="sourceTableColumnModal">@Html.Partial("SourceTableColumnModal",Model)</div>

其中包含部分视图的第三个视图由ajax加载。

选项卡通过ajax获得其视图。这些包含JQuery dataTables， 其中部分引用为

@Html.Partial("SourceFileColumnModal")

<div class="panel panel-default">
    <div class="panel-body">
        <table id="sourceFileColumnTable" class="table table-bordered table-hover">

当使用以下js从此数据表中选择一行时，

    var sourceFileColumnPopup = document.getElementById('sourceFileColumnPopup');
    sourceFileColumnPopup.style.display = 'block';

局部视图中的模态呈现在基本视图的顶部，在其H3标头下方（即“模板”），而正确定位的模态则较低，并隐藏了H3标头以及的背景整个 包含该视图的内容。 主容器位于'_Layout.cshtml'中，该容器充满了布局容器div的灰色背景。

这是否可能是因为这些部分（以Modal形式呈现）已在ajax之后加载？ 有解决方案吗，还是也必须通过ajax加载部分文件？

非常感谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）