gpt4 book ai didi

jquery - 数据表入门

转载 作者:可可西里 更新时间:2023-11-01 13:37:10 27 4
gpt4 key购买 nike

我正在尝试在网站表单上实现数据表。我在这方面遇到了一些困难,所以我退后一步,尝试在一个非常基本的表上实现 DataTables。我使用的表格直接来自 http://www.datatables.net/usage/ .然后我调用了我认为需要的文件,但我仍然无法让数据表在这个基本的表上工作。我错过了什么?这是“实践”代码:

 <script type="text/javascript" charset="utf-8" src="/media/js/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="/media/js/jquery.dataTables.js"></script>
<!--<script type="text/javascript" charset="utf-8" src="/media/src/DataTables.js"></script>-->

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#table').dataTable();
} );
</script>
<style type="text/css" title="currentStyle">
@import "/media/css/jquery.dataTables.css";
</style>
<title>Untitled Document</title>

</head>


<table id="table" class="display">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>etc</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1 Data 1</td>
<td>Row 1 Data 2</td>
<td>etc</td>
</tr>
<tr>
<td>Row 2 Data 1</td>
<td>Row 2 Data 2</td>
<td>etc</td>
</tr>
</tbody>
</table>
<body>
</body>
</html>

谢谢!

最佳答案

js和css文件是否真的被加载了?您可以使用 firefox 上的 firebug 或 webkit 浏览器中的开发工具对其进行调试。 (只需右键单击表格并选择“检查元素”)

此外,DataTables is available on the Microsoft Ajax CDN .与 j Query 相同

您可以尝试使用外部链接,看看是否有效。像这样:

<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"/>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>

另请注意,使用外部库是一种很好的做法。

关于jquery - 数据表入门,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13733133/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com