Bootbox + jQuery 数据表。弹出后Bootbox运行功能答案

【问题标题】：Bootbox + jQuery DataTables. Bootbox run function after pop-upBootbox + jQuery 数据表。弹出后Bootbox运行功能
【发布时间】：2014-03-05 08:31:45
【问题描述】：

我正在使用 Bootbox 显示一个包含表格的弹出窗口，这部分效果很好。

但现在我想在刚刚创建的表上使用 jQuery DataTables 插件进行排序。这需要我调用我刚刚在 bootbox 中创建的表上的 DataTables 插件。

但是在创建引导框弹出窗口后，我找不到任何调用 javascript/jQuery 函数的方法，如果您在引导框函数内编写代码，它只会在引导框弹出窗口关闭时发生。

如何在启动框弹出窗口弹出后运行函数？

$(document).on('click', ".myButton", function () {
        var userName = "<h2>"+ ($(this).data("username")) +"</h2>";
        var tableHeader = "<thead><tr>" +
                          "<th>Header 1</th>" +
                          "<th>Header 2</th>" +
                          "<th>Header 3</th>" +
                          "</tr></thead>";
        var tableData = $(this).data("value");

        var table = "<table id='myTable' class='table'>" + tableHeader + "<tbody>" + tableData + "</tbody>" + "</table>";
        bootbox.alert(userName + table, function (result) {
        });
    });

我需要在这段代码中放置的基本上是这个

var oTable = $('#myTable').dataTable({
          null, null, null
        ]
    });

我可能需要在弹出窗口之间销毁并重新创建数据表，但这不是现在的问题。

【问题讨论】：

标签： javascript jquery jquery-datatables bootbox

【解决方案1】：

实际上将它放在 bootbox 调用之后就可以了。但这不会导致异步问题吗？即，如果用户使用的是慢速计算机或表/引导箱很重，那么它会在引导箱实际完成之前尝试调用 dataTables 插件

$(document).on('click', ".myButton", function () {
            var userName = "<h2>"+ ($(this).data("username")) +"</h2>";
            var tableHeader = "<thead><tr>" +
                              "<th>Header 1</th>" +
                              "<th>Header 2</th>" +
                              "<th>Header 3</th>" +
                              "</tr></thead>";
            var tableData = $(this).data("value");

            var table = "<table id='myTable' class='table'>" + tableHeader + "<tbody>" + tableData + "</tbody>" + "</table>";
            bootbox.alert(userName + table, function (result) {
            });

            var oTable = $('#myTable').dataTable({
                null, null, null
            ]
            });
});

【讨论】：