twitter-bootstrap - 数据表 fnDraw 导致其他脚本出现问题

Question

我正在使用 Datatables 来管理从我们的数据库打印的行。我已将每页的行数设置为 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

您应该设置dataTableinto 变量并调用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();