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

或者您可以为您的 table 分配一个类，例如class="mytable"并更改为 selector ，如下所示：

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