个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
大家晚上好
我正在尝试将“datatables”jQuery 脚本添加到我的网站，但我根本无法让它工作!
根据阅读说明，我需要下载最新版本的 jQuery 产品并将其放入与我尝试使用它的页面相同的文件夹中。例如该文件位于 Pages > jquery-3.1.0.min.js
然后我应该将其包含在我正在使用的文件的标题中，请参阅下面代码中的“jQuery Link”注释
在此之后，我应该按照我想要的方式从构建器下载数据表，例如:https://datatables.net/download/ - 我选择了本地文件，因为该网站仅供内部使用，因此无需在线访问资源。所以现在我的文件夹结构看起来像 Pages > DataTables > ...
现在我将 JS 和 CSS 添加到标题中，并在下面的代码中看到“jQuery CSS”和“jQuery JS”注释
然后，我根据数据表的要求绘制表格，请参阅下面代码中的“表格开始”“表格结束”注释
然后我调用 JS，查看“Call script start”“Call script end”注释。
现在，当我运行此页面时，表格上根本没有格式？!
我确信我错过了一些非常简单的东西!
<!DOCTYPE html>
<head>
<!-- jQuery Link -->
<script src="jquery-3.1.0.min.js"></script>
<!--jQuery CSS -->
<link rel="stylesheet" type="text/css" href="/DataTables/datatables.css">
<!--jQuery JS -->
<script type="text/javascript" charset="utf8" src="/DataTables/datatables.js"></script>
</head>
<body>
<!-- Table start -->
<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>
</table>
<!-- Table end -->
<!-- Call script start -->
<script>
$(document).ready( function () {
$('#table_id').DataTable()
} );
</script>
<!-- Call script end -->
</body>
</html>
最佳答案
您的代码似乎有效:http://jsfiddle.net/ohy2xtud/有控制台输出吗？也许您遇到问题，包括您的脚本/样式表。您确定 /DataTables/datatables.js 是引用脚本文件的正确方法(与 css 相同)吗？您将在 Web 根目录的 DataTables 文件夹中查找，而不是在项目目录中查找 jQuery 文件。
我会尝试远程包含您的链接:
https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js
https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/css/jquery.dataTables.css
https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.12/js/jquery.dataTables.js
这应该有效。如果有效的话，您之后仍然可以下载它们。对于本地文件提供，您需要告诉我们确切的项目结构。所有脚本和样式表是否与 HTML 文件位于同一目录中？您也可以尝试在本地使用 CDN 版本，而不是从 datatables.net 生成的文件
关于javascript - 实现 jQuery 数据表的困难，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39440313/
24
4
0
tuple :: (Integer a,Fractional b) => (a,b,String) tuple = (18,5.55,"Charana") 所以这是给我的错误 ‘Integer’ is
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 关闭 11 年前。 Improve thi
我已经习惯了python和django，但我最近开始学习java。由于工作原因我没有太多时间，所以错过了很多类(class)，现在我有点困惑，我必须做作业。 编辑 该程序应该根据每个运动员在自行车和比
这是一个困难的问题，但对专业人士来说很容易。 我在 mysql 中有以下字段:产品名称、mycost、sellprice 和 stock。因为我需要知道每种产品对我的商店的投资有多少，所以我创建了以下
我有 3 个表，其中已包含以下行: TBL_TESTER_LIST id tester_type tester_name 1 LMX LMX-01 2 LMX
我想只使用 GridBagLayout 来布局组件，如图所示。 我已经尝试了几个约束，但它永远不会以预期的结果结束，所以我想知道仅使用 GridBagLayout 是否真的可行。难点在于C1、C2、C
我遇到了以下代码没有结果的问题。但是，如果我取消注释掉指定的行，并注释掉它起作用的 bind_param 行，但这不是破坏了 mysqli 的目的吗？我的 var_dump 给了我的字符串(1)“1”
这个问题在这里已经有了答案: a good python to exe compiler? [closed] (3 个答案) 关闭 9 年前。 有了我之前问题的一些有用答案(见下文)，我决定再试一次
我正在使用 Hadoop 分析 GSOD 数据 (ftp://ftp.ncdc.noaa.gov/pub/data/gsod/)。我选择了 5 年来执行我的实验 (2005 - 2009)。我配置了一
我在我的 macOS 应用程序的设置面板中使用 NSGridView。我是这样设置的: class GeneralViewController: RootViewController { pr
我正在尝试使用以下代码在 PHP 中自动安装 WordPress 发行版: $base_dir = '/home/username/wordpress_location'; chdir($base_d
在 Node.js 中将图像转换为 Base64 字符串时，我遇到了一个非常令人困惑的问题 这是我的示例代码: app.get('/image', (req, res) => { ServerAP
我在尝试运行我的应用程序时遇到一些错误，这里是 logcat java.lang.RuntimeException: Unable to instantiate activity Componen
基本上，我正在努力创建一个管理团队和球员的 Java 程序。 根据我的理解，我会有一个团队和一个玩家类。在团队类中会有 get 和 set 方法，以及某种形式的集合来正确存储球员，例如数组列表？然后在
我仍在尝试找出 JavaSwing 中的 BorderLayout，这真的很令人沮丧。 我希望能够将一个 Pane 拆分为 3 个包含的子面板，但我不完全确定如何包含它。 这是我的游戏类，它包含面板
下面的表设计（完整的模式见下文）还有很多需要改进的地方，并且已经造成了许多困难，但是我无法找出如何最好地将它们规范化。这些表格的目的是： ICD9-提供CICD9和CDESC组合的主查找。每个组合在I
这是我的表格: AB元组表 C 表，其中包含 A.id 和 B.id 的条目 D 表，其中包含带有 C.id 的条目和一个 bool 字段“open” 我想计算 D 表中“open”= true 且具
我在 YouTube 上跟踪了一个相当旧的教程，在视频中他以这种方式使用了 mysql_result: return (mysql_result($result,0) == 1) ? true : f
我正在尝试创建一个左侧面板的页面。该面板有一个页眉、一个内容区域和一个页脚。主面板包装器 div 应该是页面高度的 100%。页眉和页脚没有指定的高度，因为我只希望它们足够大以容纳其文本和填充，而我希
我有 TreeView ，我想在其中显示用户通过 file_dialog.getOpenFileNames() 选择的文件； file_dialog 是 QFileDialog。我确实创建了模型类:
我是一名优秀的程序员,十分优秀！