从Javascript加载文件并部署引导模式

我很难解决这个问题。看起来很简单，但对我来说不是

第1页：HTML

<!-- where to land the external page, but not necessary -->
<div id='feito'></div>

//Javascript calling the page:
$(document).ready(function(){ 
  $.get("page_with_modal.html", function(data) {
    $("#feito").html(data);
  });
}); 

//Javascript showing the Modal with ID doneModal:
$(document).on('ready', function(){
    $('#doneModal').modal('show');
});

//调用页面的Javascript：
$（文档）.ready（函数（）{
$.get（“page_with_modal.html”，函数（数据）{
$（“#feito”）.html（数据）；
});
}); 
//显示ID为doneModal的模态的Javascript：
$（文档）.on（'ready'，function（）{
$（'doneModal'）.modal（'show'）；
});

PAGE2：从JS调用的页面（带有modal.html的页面）：

&时代；
情态标题
... 情态文本
接近

问题: 据我所知，页面被调用，但模态没有出现

-我试图将bootstrap.js放在第1页的底部，js代码放在landing DIV之前或之后。什么都没有 -我试图消除所有HTML-Body等标记，并将其重命名为.php（使用所有正确的sintax）。没有什么。 -可以使用require（）从PHP调用PAGE2。工作正常，没问题。 -我没有研究ajax调用，因为最终的结果（这是一个简单/标准的模型）已经在ajax调用中了，我正在尝试从根本上解决问题

我做错了什么？有人能帮我吗？

---

Roberto

只需在加载后显示模式，而不是在文档就绪事件中：

$(document).ready(function () {
    loadAjax();
});

function loadAjax() {
    $.get("page2.html", function (data) {
        $("#feito").html(data);
        // after loading open modal
        $("#doneModal").modal('show');
    });
}

---

更新1：对bootstrap（）的调用实际上不是必需的。这是我做的测试的一部分，在最后一篇文章中滑倒了。无法让它工作。我在这里用您的代码制作了一个JSFIDLE，没有显示模式------它不能在JSFIDLE上工作。您必须在web服务器上部署。我做到了，它工作了，海狸，谢谢你的帮助。我正在本地的Apache服务器上进行测试，我真的为一些本应如此简单的东西而疯狂。我在我的服务器上试过了，它工作正常。为什么他不在当地工作？其他一切都很好！但是我一直在本地使用Ajax调用，它们工作得很好。我用它在数据库上做登录搜索，并从中报告数据，没问题，我怎么能不打开一个愚蠢的模式？我承认我不是一个JS专家，恰恰相反，但是在任何类型的编程背后都有我非常清楚的逻辑，或者至少我希望。。。无论如何，谢谢你，你真的帮了大忙。更新2：我离线测试了你的解决方案，效果不错。罪魁祸首可能是IMHO，在页面上放置引导CSS、JS和JQuery的顺序中。到目前为止，Jquery+BS.js+BS.css都在页面头部工作。

$(document).ready(function () {
    loadAjax();
});

function loadAjax() {
    $.get("page2.html", function (data) {
        $("#feito").html(data);
        // after loading open modal
        $("#doneModal").modal('show');
    });
}