未呈现模态标签

Question

我正在尝试使用 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>

我的操作链接在 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：

我已经安装了 Ajax Unobtrusive 库。这些div去哪儿了？！？！？

Answer 1

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

未呈现模态标签

Tags for modal are not being rendered

jquery

asp.net-mvc

modal-dialog

asp.net-ajax

unobtrusive-ajax