JQuery UI 对话框中的 JQuery Datatables 插件未加载

Question

我有这段代码，其中 url 是某个带有 id="table"的表元素的页面

$('#dialog').load(url).dialog({
    'modal' : true,
    open: function(event, ui) {
        var table = $('#dialog #table').dataTable();
    },
    close: function(event, ui) { 
        $('#dialog').empty();
    }
});

我遇到的问题是数据表似乎没有加载到 open() 事件处理函数内。我还尝试将数据表代码放入 create() 事件处理函数中，但无济于事。非常奇怪的是，当我在 open() 函数中添加一个alert() 时，

open: function(event, ui) {
    alert('test');
    var table = $('#dialog #table').dataTable();
},

它确实加载了。

知道问题出在哪里吗？

Answer 1

可能是您的选择器错误？尝试 $('#table').dataTable();

或者您可以为表分配一个类，例如 class="mytable" 并更改为选择器，如下所示:

$('.mytable').dataTable();