Question

对于带有远程内容的MVC和Bootstrap Modals存在一个奇怪的问题。

我目前正在使用Bootstrap v3.3.5和MVC 5.

当在初始页面加载的局部视图上使用链接时，模态会正常启动并加载远程内容，因此我知道模式可以正常工作。

边缘情况是我的Razor View的部分具有使用MVC Ajax表单的Prtial视图，当提交时用重新渲染的部分视图替换原始html，并且一旦发生这种情况，BootStrap模式将不会在链接时加载远程内容点击。模态渲染（我看到黑色叠加层）但是没有加载内容。

如果我查看网络流量，则没有GET请求来加载模式的远程内容。

我的 _Layout.cshtml 包含我在需要时填充远程内容的模式：

<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog"><div class="modal-content">@*-- Content loaded with Ajax --*@</div></div>
</div>

和我在Ajax表单提交后呈现的部分视图中的链接如下所示：

<a href="@Url.RouteUrl("ModalUserUpdate_GET", new { id = Model.Id})" data-target="#modal" data-toggle="modal">
    <i class="fa fa-edit"></i> Edit
</a>

Bootstrap Javascript中是否存在导致此问题的错误，或者我错过了哪些内容？

任何帮助都会很棒。

Answer 1

@StephenMuecke帮助我得到了我需要的答案。问题是当Ajax表单重新加载部分屏幕时导致问题的插件。

在ajax表单提交后没有加载Bootstrap模式

1 个答案: