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();