未加载 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();