【问题标题】:Uncaught TypeError: $(...).dataTable is not a function in jquery未捕获的类型错误:$(...).dataTable 不是 jquery 中的函数
【发布时间】:2018-11-24 07:36:42
【问题描述】:
Uncaught TypeError: $(...).dataTable is not a function
    at Object.success ((index):301)
    at fire (jquery-1.8.2.js:988)
    at Object.fireWith [as resolveWith] (jquery-1.8.2.js:1096)
    at done (jquery-1.8.2.js:7802)
    at XMLHttpRequest.callback (jquery-1.8.2.js:8514)

【问题讨论】:

  • 您的 Jquery 必须先加载,然后才能使用“$”调用任何对象。

标签: c# jquery asp.net-mvc


【解决方案1】:

你的js文件应该是这样的

  1. jQuery 文件
  2. jQuery 数据表文件
  3. 你初始化数据表的脚本标签

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

脚本标签的顺序

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

第二次

<script src="cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

你先写了datatable,然后是jquery,这是错误的

【讨论】:

  • 谢谢 Yash 的回复。我按照你说的顺序添加了,但我仍然在获取 dataTable 不是函数错误。
  • 成功: (function (data) { debugger; myData = data; var table = jQuery("#tbprojectmanager").dataTable({ "paging": true, "searching": true, "ordering ": true }); //关闭数据表
  • 我需要您的 html 和 js 代码,您在其中启动了数据表并添加了对 js 文件的引用
  • 成功: (function (data) { debugger; myData = data; var table = jQuery("#tbprojectmanager").dataTable({ "paging": true, "searching": true, "ordering ": true }); //关闭数据表
【解决方案2】:

我遇到了同样的问题。通过改变 jQuery 库链接和 jQuery DataTable 链接的位置,它解决了。

此错误可能有多种原因。

  • 缺少 jQuery DataTables 库。

  • jQuery 库是在 jQuery DataTables 之后加载的。

  • 加载了多个版本的jQuery库。

在 jQuery DataTables 之前只包含一个版本的 jQuery 库版本。

【讨论】:

    猜你喜欢
    • 2018-08-06
    • 2016-09-13
    • 1970-01-01
    • 2018-06-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-14
    相关资源
    最近更新 更多