JS Bootstrap 模态的执行顺序答案

【问题标题】：Order of execution for JS Bootstrap modalJS Bootstrap 模态的执行顺序
【发布时间】：2015-07-31 07:00:34
【问题描述】：

下面我尝试加载一个 div，然后将内容显示为引导模式弹出窗口。不幸的是，执行顺序不起作用，这让我很困惑。有人有什么想法吗？

function showRealSpadTable(realSpadDetails) {
    var tableDetails = realSpadDetails;


    $.post("realSpadTable.php", {
        tableDetails: tableDetails
    }, function(data) {

    })

    $("#myModal").load("realSpadModal.php", function() {
        alert("load was performed")
    });

    $('#myModal').modal('show');
}

【问题讨论】：

您是否尝试在您的模式中显示 ajax 调用的结果？
就个人而言，我觉得这个问题太模糊了，无法回答。具体来说，“不起作用”是什么意思？
我应该详细说明 - 我正在将模态弹出窗口的内容加载到名为 myModal 的 div 中，然后我尝试使用 .modal('show') 命令显示模态。不幸的是，它会在加载 div 之前尝试运行 .show 命令。希望这是有道理的。
是的，Tjaart 这就是我想要做的。
我也试过这种方式：$.ajax({ url: 'realSpadModal.php', type: 'GET', success: function(){$('#myModal').modal( 'show')}, 错误：function(){alert("error")}});

标签： javascript twitter-bootstrap modal-dialog

【解决方案1】：

在加载函数的回调中显示您的模态。回调异步运行。

$("#myModal").load("realSpadModal.php", function() {
    alert("load was performed");
    $('#myModal').modal('show');
});

现在，模式将始终在您发出警报后显示。

【讨论】：

感谢您的回复。我尝试了您的建议，代码警告“加载已执行”，但 php 文件实际上并未加载到 div 中，并且模式没有可显示的内容。
ok 看来我在 div 中有语法错误。模态现在弹出。