bootstrap ajax 内容重新出现两次答案

【问题标题】：bootstrap ajax content re-appear twicebootstrap ajax 内容重新出现两次
【发布时间】：2014-06-19 17:25:48
【问题描述】：

所以，我创建了一个带有引导模式弹出窗口的应用程序。例如，我创建了名为 A、B 和 C 的 3 步模态，在模态 A 中我给了一个按钮以继续到模态 B，并且在模态 B 中有一个按钮可以继续到模态 C。

有时单击该按钮时会加载上一个内容而不是下一个内容。例如，每个模态内容的文件是

- modal1.html
- modal2.html
- modal3.html

在模态 2 中，我单击 continue 按钮，它应该加载 modal3.html 但有时不是加载 modal3.html，而是加载 modal1.html

如何确保它正常工作？

编辑：调用modal1/2/3.html的脚本

$(".ajax-call").on("click", function(){
    var target = $(this).data("target");
    $(target).modal({
        remote: url
    });
});

触发器

<a href="modal1/2/3.html" class="ajax-call" data-dismiss="modal" data-target="#MODAL_OR_#SUCCESS_MODAL">

【问题讨论】：

【解决方案1】：

在 Bootstrap 中，当您加载第一个模式时，html 将附加到它，直到您刷新页面，因此当您调用第二个页面时，仍然会显示第一页的内容。有一个解决方法。将以下代码粘贴到您的脚本中。这样，您就可以从模型中删除内容，因此每次调用模态时都会加载新内容。

$('body').on('hidden.bs.modal', '.modal', function() {
    $(this).removeData('bs.modal');
});

【讨论】：