Question

我一直在读这个，但我没有发现我的问题。

<!Doctype html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script type="text/javascript" src="../DataTables/datatables.min.js"></script>
  <link rel="stylesheet" type="text/css" href="../DataTables/datatables.min.css" />
  <script type="text/javascript" src="../js/rock-paper-scissosrs.js"></script>
  <link rel="stylesheet" type="text/css" href="../CSS/rock-paper-scissosrs.css">
</head>
<body>
  <section>
    <article>
      <div id="scoreBoard">
        <!-- <button>EXPORT <i class="far fa-file-pdf"></i></button> -->
        <table class="scoreBoardTable table display" id="scoreBoardTable">
          <thead>
            <tr>
              <th>Round</th>
              <th>Guest</th>
              <th>Computer</th>
            </tr>
            /* HERE I INSERT
            <td> WITH A JQUERY CODE*/
          </thead>
          <tbody>
          </tbody>
        </table>
        <button>EXPORT <i class="far fa-file-pdf"></i></button>
      </div>
    </article>
  </section>
</body>
</html>

$(document).ready(function(){
    $("#scoreBoardTable").datatable();
});

我认为一切都是正确的，但我明白了：

TypeError：$（“＃scoreBoardTable”）。datatable不是函数

有什么想法吗？谢谢你，你好！

Answer 1

要初始化DataTables插件，请使用以下代码：

$("#scoreBoardTable").DataTable();

或

$("#scoreBoardTable").dataTable();

有关详细信息，请参阅official documentation。

TypeError：$（...）。datatable不是函数

1 个答案: