Bootstrap 3：当一个模态已经打开时替换一个模态答案

【问题标题】：Bootstrap 3: Replacing a modal when one is already openBootstrap 3：当一个模态已经打开时替换一个模态
【发布时间】：2014-09-11 03:56:02
【问题描述】：

我有一组按钮，每个按钮都可以打开模式。第一个打开得很好，但是如果你不关闭模式，第二个会失败，并显示'Uncaught TypeError: undefined is not a function。

我有一堆链接：

<a data-toggle="modal" data-dismiss="modal" data-target="#modal-form" href="partial/forums-modal.html">Open Modal A</a>
<a data-toggle="modal" data-dismiss="modal" data-target="#modal-form" href="partial/facebook-modal.html">Open Modal B</a>

我试过了：Twitter Bootstrap open modal over an already opened modal

也没有太大帮助。 Hiding a previous modal when opening a new one.

是的，我在引导之前加载了 jquery。

【问题讨论】：

标签： twitter-bootstrap-3

【解决方案1】：

第一个错误“Uncaught TypeError”的修复是从引导程序 3.1.1 升级到 3.2.0。完成此操作后，单击第二个 div，模式将关闭，而不是与新内容保持打开状态。

为了更新内容，我沿用了 ajax 路径。这些模式本身由 ajax 加载（移动优先，它们不是移动的）。因此，与Reload Content in Modal Twitter Bootstrap 类似，我使用了以下代码：

$('body').on('click', 'a[data-target=#modal-form]', function(ev) {
        console.log("clicked");
        ev.preventDefault();
        var target = $(this).attr('href');

        $('#modal-form').load(target, function() {
            $('#modal-form').modal("show");
        });
    });

【讨论】：