Javascript 引导ajax内容重新出现两次

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

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

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

在模式2中，我单击“继续”按钮，它应该加载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">

---

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

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

---

检查你的控制台上的内容，f12如果谷歌浏览器和检查错误，我的控制台上没有错误如果没有错误，那么你需要显示更多的代码，“有时”没有显示任何内容请查看编辑后的问题