DataTable 不是 DataTables JQuery 库的函数错误

2024-07-01

我有一个使用 Datatable 库的简单示例。我让它与 JSFiddle 一起工作(http://jsfiddle.net/3hhn7y7f/ http://jsfiddle.net/3hhn7y7f/),但是当我尝试使用实际文件执行此操作时,出现以下错误。我有JQuery定义在<script>标签所以我不知道问题是什么。

Uncaught ReferenceError: jQuery is not defined

Uncaught TypeError: $(...).DataTable is not a function

HTML 文件

<html>
<head>
 <script type="text/javascript" src="https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js"></script>
 <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
 <script type="text/javascript" src="script.js"></script>
 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.8/css/jquery.dataTables.min.css">
</head>
<body>
<table id="example" class="display" width="100%"></table>

 </body>
 </html>

脚本.js

var dataSet = [
    [ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ],
    [ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ],
    [ "Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000" ],
    [ "Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060" ]
];

$(document).ready(function() {
    $('#example').DataTable( {
        data: dataSet,
        columns: [
            { title: "Name" },
            { title: "Position" },
            { title: "Office" },
            { title: "Extn." },
            { title: "Start date" },
            { title: "Salary" }
        ]
    } );
} );

您可能需要切换顺序<script> tags.

把这个:

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

在这之前:

<script type="text/javascript" src="https://cdn.datatables.net/1.10.8/js/jquery.dataTables.min.js"></script>

也就是说,在定义 DataTable 之前定义 jQuery。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

DataTable 不是 DataTables JQuery 库的函数错误 的相关文章

  • 使用 getElementById 获取锚标记的对象

    anchorobject document getElementById backbutton alert anchorobject a href http www hotmail com back a 上面的代码提醒 href 属性字符串
  • 邪恶的 Firefox 错误——“底层对象不支持参数或操作”

    我想弄清楚这里发生了什么事 我已经研究了几个小时了 似乎无法理解为什么会发生这种情况 我正在进行一些 AJAX 调用 但仅在 Mac OS X 上的 Firefox 版本 21 中不断收到此错误 这是错误 Exception A param
  • 使用 AJAX 提交表单,将表单数据传递给 PHP,无需刷新页面 [重复]

    这个问题在这里已经有答案了 谁能告诉我为什么这段代码不起作用
  • 使用 jQuery 动态获取单选按钮组名称

    我想问是否有一种方法可以动态获取单选按钮组名称 即将以下 2 个单击功能优化为一个 name some variable I tried input radio click function alert input radio checke
  • Tensorflow.js 与 React-Native

    我知道tensor flow js是一个以网络为中心的库 但出于好奇 我也在react native上尝试了它 它有点有效 它仅适用于调试模式 并在调试模式关闭时抛出错误 错误说窗口 位置 搜索不是一个对象 经过一些研究 我发现窗口对象是在
  • 在本地计算机上验证 HTML

    我目前正在尝试学习 HTML 和 Java EE Servlet 编程 我的本地计算机 Orion 应用程序服务器 上运行着一个应用程序服务器 并且我正在使用同一台计算机上运行的浏览器连接到我部署在该服务器上的网页 定向到http loca
  • 媒体查询和 Bootstrap 有什么区别? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 奇怪的是 CSS3 媒体查询和 Bootstrap 之间的区别是什么 我访问过很多网站 但每个人都说 两者都是为了网站的响应能力 如果
  • Swift - 将 HTML 文本转换为属性字符串

    在我的一个模块中 我想使用 UILabel 将多语言 HTML 文本 英语和泰米尔语 显示为 NSAttributedString 如果文本是纯英文 我可以按照我的愿望显示它 但我的内容同时包含英语和泰米尔语字符 我该如何处理这种情况 如果
  • 根据特殊性对一组 CSS 选择器进行排序

    如何根据 JS 函数中的 CSS 特殊性对一组 CSS 选择器进行排序 function SortByCssSpecificity input array of css selectors return sorted array of cs
  • 如何使用 JQuery 3.3.1 和 Bootstrap 3.3.7 设置日期选择器?

    我必须为几种不同形式的输入字段设置日期选择器 过去我使用过 jQuery 日期选择器 但在这个项目中我使用 Bootstrap 3 所以还有另一种方法可用 这是我到目前为止的例子 document ready function datepi
  • 显示为问号的度unicode

    以下代码显示为问号而不是度数符号 var airF Math round Number MDTMOBILE RWISWeather i AirTemp u00B0 F tempTable find td eq 4 text airF var
  • 表格单元格中文本的垂直对齐方式

    这是我的表格的一部分 它是一个表格 这只是两个 td s in a tr 我想得到描述向上 到表格单元格的顶部 而不是停留在底部 我怎样才能做到这一点 td description vertical align top where desc
  • PHP Post 数组的数组

    我想从 HTML post 请求更改两个不同的表到运行 PHP 的服务器 以前 当我只想更改一张表时 所有列和值都放入 POST 数组中 所以我会 colname1 gt val1 colname2 val2等等 然后我将循环 POST 来
  • 反序列化 jQuery 序列化表单

    我正在尝试将表单输入传递到 WebMethod 中并执行某些操作 我用了jQuery 序列化 http api jquery com serialize
  • Javascript“悬停时”循环

    任何人都可以帮助我解决这个问题 我有一个按钮 当悬停时会触发一个操作 但我希望只要按钮悬停就重复它 我很感激任何解决方案 无论是在 jquery 还是纯 javascript 中 这是我的代码此时的样子 在 jquery 中 var scr
  • Javascript 逗号列表,但最后一个有一个 and

    我正在尝试创建一个函数 它将接受单词列表 并将其转换成这样的句子 jsfiddle http jsfiddle net 0ht35rpb 107 http jsfiddle net 0ht35rpb 107 数组列表 contents 0
  • TypeError:使用 Svelte 和 jest 时 Select 不是构造函数

    当为 Svelte 组件编写 Jest 测试时 我得到了TypeError Select is not a constructor当组件使用 es6 导入语法导入库时出错 测试选择 js
  • 通过 http 在两个 Node.js 服务器之间传输文件

    我有两个通过 http 相互通信的 node js express 服务器 server A它还与浏览器通信并可以处理文件上传请求 当文件上传到server A我想将其原样转移到server B以便进一步加工 最好的方法是什么 最好与请求
  • HTML5离线缓存谷歌字体API

    我正在尝试创建一个离线 HTML5 测试应用程序 并同时使用新的 google fonts api 有谁知道如何缓存远程字体 简单地将 api 调用放入缓存清单中是行不通的 我认为这是因为 api 实际上加载了其他文件 ttf eot 等
  • HTML5离线缓存谷歌字体API

    我正在尝试创建一个离线 HTML5 测试应用程序 并同时使用新的 google fonts api 有谁知道如何缓存远程字体 简单地将 api 调用放入缓存清单中是行不通的 我认为这是因为 api 实际上加载了其他文件 ttf eot 等

随机推荐

  • dateutil.parser.parse() 在 Windows 平台上给出错误“initial_value 必须是 unicode 或 None,而不是 str”

    我确信有一个非常简单的解决方案 但我对 Python 还很陌生 我正在尝试使用 dateutil parser parse 来解析其中包含时间戳的字符串 gt gt gt import dateutil parser gt gt gt a
  • 在 Postgres 中的间隔中使用可变周期

    我有一个维护每月历史数据的关系 该数据在每月的最后一天添加到表中 然后可以调用我正在编写的服务 指定要检索历史数据的月份和之前的几个月 我通过创建 startDate 和 endDate 变量 然后返回两者之间的数据来完成此操作 我遇到的问
  • 如何删除github上贡献的仓库?

    我分叉了一个项目 拉了又推 我的github帐户显示此信息 有没有办法从我的个人资料中删除它 我已经从我的设置页面删除了存储库 正如我3年前所说 https stackoverflow com a 8057244 6309 您的公开活动是
  • 提高 PostgresQL 聚合查询性能

    我正在聚合 Postgres 表中的数据 查询大约需要 2 秒 我希望将其减少到不到一秒 请参阅下面的执行详细信息 Query select a search keyword hll cardinality hll union agg a
  • 点击 FCM 通知消息时如何获取消息正文?

    当应用程序在后台时 通知消息是通过Notification传递的 当点击通知时 应用程序启动 我如何获取消息正文 意图是这样的 Bundle google sent time 1470813025421 from 568540028909
  • 在Power BI中更改散点图的轴

    我需要更改增强型散点图原始代码中轴的类型 我需要一个日期列而不是日期计数 我正在尝试编辑可视化的原始代码 但我不知道如何正确地做到这一点 它尝试执行以下操作 我更改了以下行 xScale
  • GitHub Actions 中针对 Oauth 令牌的 Web 浏览器身份验证

    我正在尝试使用 GitHub Actions 通过 R 脚本使用 OAuth 2 0 令牌查询 GitHub API 当我运行代码时 它在我的本地计算机上运行良好 其中弹出一个浏览器窗口 指示 等待浏览器中的身份验证 我可以手动关闭该窗口
  • div 刷新,无需单击按钮

    如何使 div 刷新 例如 10 秒后 并执行 run query 函数而不单击按钮 div strong Quote of the Day strong div div a Next quote a div Use 设置时间间隔 http
  • NSPopover 未出现

    我真的希望我能更具体 但不幸的是 我不能 所有适当的对象都是非零的 并且所有适当的方法调用都 大概 成功完成 但是我的NSPopover只是永远不会出现 也没有调用任何委托方法 ivars NSPopover tagPopover NSVi
  • 绑定方法和不绑定方法的区别

    我现在已经参与了几个 React 项目 并且我注意到在一个项目中 每个新方法都没有绑定 实际差异是什么 如果有的话 如果你可以像第二个例子那样做 为什么还要绑定呢 在第一种情况下 代码如下所示 constructor props super
  • 数据注释“NotRequired”属性

    我有一个有点复杂的模型 我有我的UserViewModel它有几个属性 其中两个是HomePhone and WorkPhone 两种类型PhoneViewModel In PhoneViewModel I have CountryCode
  • 从栈(Frame)对象中获取函数对象

    我为模块编写了一个自定义日志记录类logging我叫的call 对于这个类 我希望将其放置在任何函数 方法中 并记录函数名称及其参数以及调用函数时使用的所有值 这对于类方法来说效果很好 Foo bar self a 1 b 2 c 3 ar
  • Qt5.4中如何获取网页的contentSize-QtWebEngine

    我正在使用新的 Qt5 4 和 QtWebEngine 模块 据我所知 mainFrame 不再存在 如何获取页面的 contentSize 大小以及如何渲染它 我尝试使用 setView 和 view 但不起作用 我找不到任何原生的 Qt
  • PublishResult 内的 ConcurrentModificationException - ArrayAdapter

    我继承的一些源代码有时会在这一行抛出 ConcurrentModificationException for String c filteredList body Override protected void publishResults
  • fclose() 之后 fwrite() 成功

    我遇到了一个奇怪的行为fwrite 我关闭流后成功fclose 但该文件不会被覆盖为fflush fails 我的代码是 int main int argc char argv FILE file fopen file txt w if f
  • hyperledger-composer v1.1:无法实例化链码

    我目前正在研究 hyperLedger Composer v1 1 并正在遵循教程 我设法将链代码安装到网络上 但它在实例化时失败 有人可以告诉我为什么吗 任何帮助表示赞赏 Command 作曲家网络启动 networkNametutori
  • Npgsql:一个连接,多个命令

    是否可以针对一个连接执行多个 NpgslqCommand 我的意思是 conn Open ExecuteCommandA conn ExecuteCommandB conn ExecuteCommandC conn conn Close 我
  • 如何将 Postgres JSONB 数据类型与 JPA 结合使用?

    我没有找到使用 JPA EclipseLink 从 PostgreSQL 映射 JSON 和 JSONB 数据类型的方法 有人在 JPA 中使用这种数据类型并且可以给我一些工作示例吗 所有答案都帮助我找到了适合 JPA 的最终解决方案 而不
  • 评论插件审核工具不起作用

    我正在尝试设置 Facebook 评论社交插件 该插件将被设置为我们网站上的每个产品页面都会有一个带有唯一 URL 的评论插件 我希望能够对所有评论进行统一审核 这应该可以通过 Facebook 上的评论审核工具来完成 我可以将社交插件放在
  • DataTable 不是 DataTables JQuery 库的函数错误

    我有一个使用 Datatable 库的简单示例 我让它与 JSFiddle 一起工作 http jsfiddle net 3hhn7y7f http jsfiddle net 3hhn7y7f 但是当我尝试使用实际文件执行此操作时 出现以下