0

我正在尝试使用 javascript 和部分视图填写模态模板。我的主布局文件中有我的模板,我希望在单击 Ajax ActionLink 时填充它。但是,当单击 Ajax ActionLink 时,我的模板中的 4 个内部 div 消失了。

<!-- Container for modal -->
<div id="modal-element" class="modal fade in" tabindex="-1" role="dialog">
   <div class="modal-dialog modal-lg"> <!--This disappears after ajax-->
        <div class="modal-content"> <!--This disappears after ajax-->
            <div class="modal-header"></div> <!--This disappears after ajax-->
            <div id="modal-body-footer"> <!--This disappears after ajax-->
                <!--this will be rendered via partialview-->
            </div>
        </div>
    </div>
</div>

我的 actionlink 在 Webgrid 中,看起来像这样:

grid.Column("", null, format: (item) => Ajax.ActionLink("Delete", "Delete", new { id = item.Id }, new AjaxOptions { UpdateTargetId = "modal-body-footer"}, new { @class = "modal-link" })),

我渲染的 html,显然缺少 4 个 div: 仅使用布局中最外层的 div 渲染 html

我已经安装了 Ajax Unobtrusive 库。这些 div 去哪里了?!?!?

4

1 回答 1

0

发现我的错误,我使用的是 Bootstrap 3.0.0,适用于 3.1.1 或更高版本...

于 2017-11-22T21:27:58.287 回答