由于"$ 不是函数"而未初始化的数据表

Question

我想初始化我的DataTables，我已经下载了它，调用它，一切似乎都很好，但是当我调用JQuery函数来运行数据表时，它给了我这个奇怪的错误。

类型错误：$ 不是函数

但我的代码似乎还可以：

$(document).ready( function () {
$('#table_id').DataTable();
} );

这是我的 HTML：

<table id="table_id" class="display">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1 Data 1</td>
<td>Row 1 Data 2</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
</tr>
</tbody>

这能是什么？

脚本顺序：

<script src="<?php echo base_url('assets2/js/vendor/jquery-2.1.4.min.js');?>"></script>
<script src="<?php echo base_url('assets/js/datatables.min.js');?>"></script>
<script src="<?php echo base_url('assets/js/Backoffice_JS.js');?>"></script>

Answer 1

TypeError： $ 不是函数

意味着 JavaScript 无法识别 jquery。

要解决此问题，您需要在脚本代码之前包含jquery CDN。 所以它应该是这样的：

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script>
$(document).ready( function () {
$('#table_id').DataTable();
});
</script>

Answer 2

我不能发表评论，因为我是新手。 所以，你的问题不是数据表，而是jQuery。如注释中所述，在使用 jQuery 语法之前，必须导入 jquery。将 jquery 与 cdn 一起使用，或者在项目中导入库。