サーバーから返された json 値をロードする 2 つの jquery Datatables があります。ただし、最初のデータ可能なインスタンスのみがデータをロードします。Firebug から返されたエラーを表示すると、"TypeError: this.domElement.parentNode is null" が表示され、Chrome の javascript コンソールにも "Uncaught TypeError: Cannot call method 'appendChild' of null" というエラーが表示されます。
以下は、データテーブルの初期化コードです
$(function() {
var roleTable = $('#grid[rel*=roles_grid]').dataTable( {"bJQueryUI": false,
"sPaginationType": "full_numbers",
"sDom": 'T<"clear">lfrtip',
"bSortClasses": true,
"oTableTools": { "sSwfPath": "resources/swf/copy_cvs_xls_pdf.swf" },
"bProcessing": true,
"bServerSide": true,
"bRetrieve": true,
"sAjaxSource": "resources/server/json/setup.json.php",
"aoColumns": [
{ "mDataProp": "description" },
{ "mDataProp": "notes" },
{ "mDataProp": "id" }
]
});
var usersTable = $('#grid[rel*=users_grid]').dataTable( {
"bJQueryUI": false,
"sPaginationType": "full_numbers",
"sDom": 'T<"clear">lfrtip',
"bSortClasses": true,
"oTableTools": { "sSwfPath": "resources/swf/copy_cvs_xls_pdf.swf" },
"bProcessing": true,
"bServerSide": true,
"bRetrieve": true,
"sAjaxSource": "resources/server/json/users.json.php",
"aoColumns": [
{ "mDataProp": "staff_no" },
{ "mDataProp": "lastname" },
{ "mDataProp": "firstname" },
{ "mDataProp": "email" },
{ "mDataProp": "primary_phone" },
{ "mDataProp": "secondary_phone" },
{ "mDataProp": "description" },
{ "mDataProp": "id" }
]
});
});
私は何を間違っていますか?