模态对话中的 Jquery Datatable 仅打开一次

Question

我正在使用带有 bootstrap 3 的 asp.net mvc，并且我正在打开一个模态对话框，其中我正在加载 jquery data-tatble 。第一次一切正常，但是当我关闭模态并再次打开模态时，它会抛出异常错误:

Uncaught TypeError: Cannot read property 'aoData' of null

我正在使用的代码:

var responsiveHelper;
var breakpointDefinition = {
    tablet: 1024,
    phone: 480
};

var tableContainer = $('#datatable');

$(document).ready(function (){
   tableContainer.dataTable({
        // Setup for Bootstrap support.
        sDom: '<"row"<"span6"l><"span6"f>r>t<"row"<"span6"i><"span6"p>>',
        sPaginationType: 'bootstrap',
        oLanguage: {
            sLengthMenu: '_MENU_ records per page'
        },
        bFilter: false,
        // Setup for responsive datatables helper.
        bAutoWidth: false,
        fnPreDrawCallback: function () {
            // Initialize the responsive datatables helper once.
            if (!responsiveHelper) {
                responsiveHelper = new ResponsiveDatatablesHelper(tableContainer, breakpointDefinition);
            }
        },
        fnRowCallback: function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
            responsiveHelper.createExpandIcon(nRow);
        },
        fnDrawCallback: function (oSettings) {
            responsiveHelper.respond();
        }
    });
});

Answer 1

终于我解决了我的问题，犯了一个愚蠢的错误。以下代码应位于 document.ready 函数中:

var responsiveHelper;
var breakpointDefinition = {
    tablet: 1024,
    phone: 480
};
var tableContainer = $('#datatable');

一切都会完美地进行:) :)