这是我第一次尝试使用 jquery 库,所以我不确定如何初始化 tablesort 插件。我在没有外部 .js 文件的情况下尝试这样做,以便我知道我的 html 和 javascript 之间的链接不是问题。我还包含了一个单独的 js 函数,以便我知道正在加载 jquery 库。当我单击链接时,我会收到 Hello World!警报。我已经阅读并观看了大约 5 个教程,这些教程很好地解释了如何做到这一点,并且每次我在尝试对表格进行排序时都没有得到任何回应。同样,为简单起见,我将 html 文件、jquery 库和 tablesorter 文件放在同一个文件夹中。(见下图)
这是我的代码:
<html>
<head>
<script type="text/javascript" src="jquery-1.8.2.min.js" </script>
<script type="text/javascript" src="jquery.tablesorter.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function() {
alert("Hello world!");
});
});
$(document).ready(function(){
$("#large").tablesorter();
});
</script>
</head>
<body>
<a href="http://localhost/fortesting.html">Link</a>
<table id="large" cellspacing="0">
<thead>
<tr>
<th>Email</th>
<th>Id</th>
<th>Phone</th>
<th>Total</th>
<th>Ip</th>
<th>Url</th>
<th>Time</th>
<th>ISO Date</th>
<th>UK Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>devo@flexomat.com</td>
<td>66672</td>
<td>941-964-8535</td>
<td>$2482.79</td>
<td>172.78.200.124</td>
<td>http://gmail.com</td>
<td>15:10</td>
<td>1988/12/14</td>
<td>14/12/1988</td>
</tr>
<tr>
<td>henry@mountdev.net</td>
<td>35889</td>
<td>941-964-9543</td>
<td>$2776.09</td>
<td>119.232.182.142</td>
<td>http://www.gmail.com</td>
<td>3:54</td>
<td>1974/1/19</td>
<td>19/1/1974</td>
</tr>
<tr>
<td>christian@reno.gov</td>
<td>60021</td>
<td>941-964-5617</td>
<td>$2743.41</td>
<td>167.209.64.181</td>
<td>http://www.dotnet.ca</td>
<td>10:58</td>
<td>2000/3/25</td>
<td>25/3/2000</td>
</tr>
</tbody>
</table>
</body>
</html>
有人能看到我的错误可能在哪里吗?据我所知,这与链接到我的 jquery 库的 jquery.tablesorter.min.js 文件有关,但正如我之前提到的,我遵循了多个教程,结果没有任何变化。我在 IE9 和 Firefox 中都尝试过。谢谢参观。