ajax表单提交后引导模式未加载答案

【问题标题】：Bootstrap modal not loading after ajax form submitajax表单提交后引导模式未加载
【发布时间】：2015-12-13 22:07:15
【问题描述】：

在 MVC 和带有远程内容的 Bootstrap 模态中遇到一个奇怪的问题。

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

在初始页面加载时使用部分视图上的链接时，模态可以正常启动并按预期加载远程内容，因此我知道模态确实有效。

边缘情况是我的 Razor 视图的某些部分具有带有 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 中是否存在导致此问题的错误或我遗漏了什么？

任何帮助都会很棒。

【问题讨论】：

您没有提供足够的信息来确定要替换的内容，但是如果您已将插件附加到您随后替换的元素，则需要重新附加插件
@StephenMuecke 你是对的，有一个手风琴插件似乎导致了这个问题。如果我禁用插件，那么模态将再次开始工作。我会考虑在 Ajax 提交后重新附加插件。

标签： jquery asp.net-mvc twitter-bootstrap asp.net-mvc-5 bootstrap-modal

【解决方案1】：

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

【讨论】：