Yajra 员工：140 未捕获类型错误：$(...).DataTable 不是函数答案

【问题标题】：Yajra employee:140 Uncaught TypeError: $(...).DataTable is not a functionYajra 员工：140 未捕获类型错误：$(...).DataTable 不是函数
【发布时间】：2017-11-14 23:14:11
【问题描述】：

我正在使用 laravel 5.4 和 Yajra Datatable，但我无法让它工作.. 我遇到了这个“未捕获的 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>

我该怎么办？

【问题讨论】：

标签： javascript jquery laravel

【解决方案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...而不是像某些偶尔那样每个插件一次

【讨论】：