TypeError：fは未定義です

Question

私はdataTableを作成していますが、テーブルのデータは完全にデータベースのものです。私は、次のように試してみました： HTML：

<div class="col-sm-10"> 
       <table border="0" cellpadding="0" cellspacing="0" width="100%" id="invoice_table" class="table table-bordered table-colstriped table-hover display"> 
        <thead> 
         <tr> 
          <th>ID</th> 
          <th>Name</th> 
          <th>Chain Name</th> 
          <th>Type</th>      
          <th>Amount</th> 
          <th>Billable Amount</th> 
         </tr> 
        </thead> 
        <tbody> 
        </tbody> 
       </table> 
      </div> 

のjQuery：

function year_month(year_month) { 
        jQuery("#invoice_table").dataTable({ 
         "sAjaxSource": "invoice-request-db.php?mode=invoice_dataTable&year_month=" + jQuery("#year_month").val(), 
         "bDestroy": true, 
         "bPaginate": false, 
         "bInfo": false, 
         "bFilter": false, 
         "bSort": false 
        }); 
       } 

は、私は、URLと一緒に年、月である、データを渡す必要があります、データテーブルように、私が選択した年月に応じて変更されます。しかし、私はそれを使ってみると、 "TypeError：f is undefined"というメッセージが表示されます。これはjquery.dataTables.min.jsに示されています。これには何が問題なのですか？私は何を修正すべきですか？

Answer 1

jQueryコードにエラーがあります。これで置き換えてください。 dataTable({は閉じていません

jQuery("#invoice_table").DataTable({ 
    "sAjaxSource": "invoice-request-db.php?mode=invoice_dataTable", 
    "bDestroy": true, 
    "bPaginate": false, 
    "bInfo": false, 
    "bFilter": false, 
    "bSort": false 
}); 

Answer 2

ここに構文エラーがあります。

jQuery("#invoice_table").dataTable({ 
    "sAjaxSource": "invoice-request-db.php?mode=invoice_dataTable", 
    "bDestroy": true, 
    "bPaginate": false, 
    "bInfo": false, 
    "bFilter": false, 
    "bSort": false 
    //} <--------------------- You need to remove this. It's an extra bracket 
}); 

Answer 3

あなたがjquery.dataTables.min.js を含めていることを確認、私は同じ問題を持っていたし、デバッグ時間後、私は私がdataTables.bootstrap.min.js含む代わりに