我正在使用表格,我发现使用表格存在很多问题。然后我找到了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>
但它仍无效。
答案 0 :(得分:1)
您必须在数据表之前调用 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