Question

我在这里使用这个插件https://www.datatables.net/和jQuery.2.1.4。

我也在尝试使用https://www.datatables.net/manual/styling/jqueryui和https://jqueryui.com/

提供的功能

但是我一直收到以下错误

未捕获的TypeError：无法读取未定义的属性'defaults'

抛出该错误的代码低于＆amp;它在java脚本文件“ dataTables.jqueryui.js ”中，我从这里下载https://www.datatables.net/manual/styling/jqueryui

/* Set the defaults for DataTables initialisation */
$.extend( true, DataTable.defaults, {
    dom:
        '<"'+toolbar_prefix+'tl ui-corner-tr"lfr>'+
        't'+
        '<"'+toolbar_prefix+'bl ui-corner-br"ip>',
    renderer: 'jqueryui'
} );

编辑：以下是我如何初始化表格

var oTable;
function TableSorter(arr) {
    if (arr == 'Custome') {
        oTable = $('#myDefaultTable').dataTable({
            "bJQueryUI": true,
            "aaSorting": [[0, "desc"]],
            "sPaginationType": "full_numbers",
            "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]]
        });
    }
    else if (arr == null) {
        oTable = $('#myDefaultTable').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]]
        });
    }
    else {
        oTable = $('#myDefaultTable').dataTable({
            "bJQueryUI": true,
            "aaSorting": [[0, "desc"]],
            "sPaginationType": "full_numbers",
            "aoColumnDefs": [{ "bSortable": false, "aTargets": arr }],
            "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]]
        });
    }
};

Answer 1

问题是因为在“jquery.dataTables.js”之前加载“jquery-ui.js”。

我在共享视图中修改了我的@ Scripts.Render（''）顺序，以便在“jquery-ui.js”之前首先加载“jquery.dataTables.js”并解决问题。

DataTable.defaults在jQuery DataTables-1.10.7中不起作用

1 个答案: