數據表fnDraw導致其他腳本的問題

Question

我正在使用數據表來管理從我們的數據庫打印的行。我已經將行設置爲每頁5個，但它導致我的引導選項卡出現錯誤。

的JS我使用：

<script type="text/javascript"> 


$(document).ready(function() { 

    $("#feedback-table").dataTable({ 

    "bRetrieve": false, 
     "bFilter": false, 
     "iDisplayLength": 5, 
     "bLengthChange": false, 
     "bJQueryUI": true, 
     "aoColumns": [ 
     { sWidth: '35%' }, 
     { sWidth: '20%' }, 
     { sWidth: '30%' }, 
     { sWidth: '15%' } ] 

    }); 

    feedback-table.dataTable().fnDraw(); 

}); 

我得到的，當我嘗試單擊引導選項卡上的錯誤：

Uncaught ReferenceError: feedback is not defined home:281 
Error in event handler for 'undefined': Error calling method on NPObject. Error: Error calling method on NPObject. 
    at chrome-extension://mkfokfffehpeedafpekjeddnmnjhmcmk/docstart.js:1:2117 
    at Event.dispatchToListener (event_bindings:356:21) 
    at Event.dispatch_ (event_bindings:342:27) 
    at Event.dispatch (event_bindings:362:17) 
    at <error: illegal access> 
    at Event.dispatchToListener (event_bindings:356:21) 
    at Event.dispatch_ (event_bindings:342:27) 
    at Event.dispatch (event_bindings:362:17) 
    at Object.chromeHidden.Port.dispatchOnMessage (miscellaneous_bindings:273:22) 

感謝

Answer 1

你應該設置將dataTable轉化爲變量並調用fnDraw就可以了

像這樣：

var myTable = $("#feedback-table").dataTable({ 

"bRetrieve": false, 
    "bFilter": false, 
    "iDisplayLength": 5, 
    "bLengthChange": false, 
    "bJQueryUI": true, 
    "aoColumns": [ 
    { sWidth: '35%' }, 
    { sWidth: '20%' }, 
    { sWidth: '30%' }, 
    { sWidth: '15%' } ] 

}); 

myTable.fnDraw();