Question

这是我第一次尝试使用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中尝试过这个。谢谢你看看。

shot of my folder

Answer 1

您的代码中遗漏了>：

<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错误。

初始化jquery tablesorter插件

1 个答案: