0

这是我第一次尝试使用 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 中都尝试过。谢谢参观。

我的文件夹的照片

4

1 回答 1

0

>您在此处的代码中缺少 a :

<script type="text/javascript" src="jquery-1.8.2.min.js" </script>
<script type="text/javascript" src="jquery.tablesorter.min.js"></script>

它仍然有效的原因是因为它忽略</script了整个下一行直到</script>,所以基本上它变成了:

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>

意味着 tablesorter.js 没有被加载。

不过,您应该仍然遇到tablesorter is undefined错误。

于 2012-11-15T21:57:14.167 回答