JS - jQuery.fn.DataTable is undefined



我正在尝试使用数据表在两个不同的页面中显示记录列表。
问题是第一个数据表有效,而第二个数据表(这是第一个数据表的完美克隆(不起作用......
该问题与 $.fn 有关。DataTable:在第一种情况下它存在,因此脚本继续填充数据表,而在第二种情况下它是未定义的。
这里的"大"问题是两个数据表完全相同。ID和内容有什么变化...
这是我用来填充数据表的两个脚本:

transactionsHistoryInit : function($) {
    var datatable = $('#transactions-history-table');
    if (datatable.length > 0 && typeof $.fn.DataTable !== "undefined") {
        datatable.DataTable({
            "responsive" : true,
            "searching" : false,
            "processing" : true,
            "serverSide" : true,
            "pageLength" : 20,
            "lengthChange" : false,
            "stateSave" : true,
            "pagingType" : "full_numbers",
            "info" : false,
            "columnDefs" : [ {
                "orderable" : false,
                "targets" : [ 1, 2, 3, 4 ]
            } ],
            "ajax" : {
                "url" : siteData.ajaxurl + "?action=transactions_history",
                "type" : 'POST'
            },
            "language" : {
                "url" : siteData.ajaxurl
                        + "?action=datatable_internazionalization"
            }
        });
        transactionStartDate.datetimepicker({
            "locale" : transactionStartDate.data("locale")
        });
        transactionEndDate.datetimepicker({
            "locale" : transactionEndDate.data("locale"),
            "defaultDate" : new Date()
        });

        transactionStartDate.add(transactionEndDate).on("dp.change",
                function(e) {
                    datatable.draw();
                });
    }
},
bankToBankAccountChoice : function($) {
    var datatable = $('#bank-account-table');
    if (datatable.length > 0 && typeof $.fn.DataTable !== "undefined") {
        datatable.DataTable({
            "responsive" : true,
            "searching" : false,
            "processing" : true,
            "serverSide" : true,
            "pageLength" : 10,
            "lengthChange" : false,
            "stateSave" : true,
            "pagingType" : "full_numbers",
            "info" : false,
            "ajax" : {
                "url" : siteData.ajaxurl
                        + "?action=bank_to_bank_account_choice",
                "type" : 'POST'
            },
            "language" : {
                "url" : siteData.ajaxurl
                        + "?action=datatable_internazionalization"
            }
        });
    }
}

我也得到了$.fn.dataTable作为未定义

就我而言,我多次加载jquery。Jquery 只能加载一次。

最新更新