jquery 数据表不工作? [关闭]

Posted

技术标签:

【中文标题】jquery 数据表不工作? [关闭]【英文标题】:jquery data table is not working? [closed] 【发布时间】:2017-06-17 07:34:38 【问题描述】:

我正在使用一张桌子,但我发现使用一张桌子有很多问题。然后我找到了jquery数据表,但我不明白为什么它不起作用。我添加了数据表网站上的所有链接。

我的 html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>data table</title>
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
<script type='text/javascript' src='http://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js'></script>
<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js"></script>
  </head>
<body>
<table id="myTable">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr>
</table>

</body>
</html>

我的javascript:

    <script type="text/javascript">
    $(document).ready(function()
          $('#myTable').DataTable();
    );
</script>

因为它不起作用,所以我将数据表下载为 zip 文件。

添加:

<link rel="stylesheet" href="css/jquery.dataTables.min.css">
<link rel="stylesheet" href="css/jquery.dataTables.css">
<script type='text/javascript' src='js/jquery.dataTables.min.js'></script>
<script type='text/javascript' src='js/jquery.dataTables.js'></script>
<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js"></script>

但是还是不行。

【问题讨论】:

把你的 jquery 链接放在其他 确保 jquery src 是 src="http://code.jquery.com/jquery-1.12.4.js" 如果你没有在本地服务器上运行 【参考方案1】:

你必须在 datatable 之前调用 Jquery

<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js"></script>
<script type='text/javascript' src='js/jquery.dataTables.js'></script>

您无需调用datatable.js.min.js,只需选择一个即可。

然后将其用于 jquery:http://code.jquery.com/jquery-1.12.4.js

【讨论】:

让我们continue this discussion in chat。 我添加了code.jquery.com/jquery-1.12.4.js,但不起作用

以上是关于jquery 数据表不工作? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

我想在 jquery 中使用碳格式时间,但我不知道如何将 jquery 数据转换为 php [关闭]

jQuery 不会工作?动画功能[关闭]

JQuery simplemodal关闭代码隐藏功能

jQuery 数据表不工作

我的 Jquery 文件在 laravel 中找不到控制器 [关闭]

如何使用 javascript 或 jquery 将 html 表单数据保存到 sql db [关闭]