初始化jquery tablesorter插件

问题描述：

这是我第一次尝试使用jquery库，所以我不确定如何初始化tablesort插件。我试图没有外部.js文件，以便我知道我的HTML和JavaScript之间的链接不是问题。我还包括一个单独的js函数，以便我知道jquery库正在加载。当我点击链接时，我收到Hello World！警报。我已经阅读并观看了大约5个教程，这些教程解释得非常好，没有变化，如何做到这一点，每次尝试对表格进行排序时都得不到回应。同样，为了简单起见，我将我的html文件，我的jquery库和tablesorter文件放在同一个文件夹中。（见下图）初始化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>[email protected]</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>[email protected]</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>[email protected]</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.tablesorter.min.js文件链接到我的jquery库有关，但正如我之前提到的，我遵循了多个教程，结果没有任何变化。我已经在IE9和Firefox中尝试了这一点。谢谢参观。

shot of my folder

您是否收到任何错误？你的代码看起来很好。（假设缺少'>'是一个错字，因为你得到了警报） –

@Kevin我不确定缺少'>'会否定警报。我会把1美元放在这个问题上。 – Rick

@凯文哇！就是这样。谢谢！不，我没有收到任何错误。由于缺少'>'，颜色的变化没有显示在我的记事本++中，因此无论如何它都在这里发布。不知道为什么警报没有它的工作。再次感谢！ – vizyourdata

答

你在这里失踪代码中的>：

它仍然有效，就是因为它忽略</script，然后整个下一行，直到</script>，所以本质上它是变成：

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

这意味着tablesorter.js不是加载。

尽管如此，你仍然应该得到tablesorter is undefined错误。

感谢您的帮助凯文。我将来必须密切关注。 – vizyourdata

初始化jquery tablesorter插件

相关推荐