javascript - Yajra 员工 :140 Uncaught TypeError: $(. ..).DataTable 不是函数

Question

我正在使用 laravel 5.4 和 Yajra Datatable，但我无法使其工作..我遇到了“Uncaught TypeError: $(...).DataTable is not a function”的问题

这是我的代码

  <script src="https://datatables.yajrabox.com/js/jquery.min.js"></script>

$(函数() { $('#users-tbl').DataTable({ 处理:真实， 服务器端:正确， ajax: 'http://localhost/bostonbakers/public/employee/table', 列: [ {数据:'id'}， {数据:'电子邮件'}， {数据:'密码'} ] }); });

<script src="{{ asset('js/app.js') }}"></script>

我应该做什么？

Answer 1

我认为这个错误是由于脚本的顺序而发生的。当它们依赖于库或其他脚本时，这一点很重要。

任何 jQuery 相关代码都需要包含在 jQuery.js 之后...这意味着插件和您编写的使用 jQuery 的任何代码。同样，您编写的任何使用插件的代码都必须在代码之前加载插件。

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf8" src="/js/jquery.dataTables.js"></script>

还要确保您在页面中只包含 jQuery 一次...而不是像某些插件那样每个插件偶尔包含一次