Question

我有一组按钮，每个按钮都可以打开模态。第一个打开很好，但是如果你没有关闭模态，第二个就会失败并显示'Uncaught TypeError：undefined不是一个函数。

我有很多链接：

<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。

Answer 1

修复第一个错误＆＃39; Uncaught TypeError＆＃39;是从bootstrap 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");
        });
    });

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

1 个答案: