初始化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

來源

2012-11-15 vizyourdata

您是否收到任何錯誤？你的代碼看起來很好。（假設缺少'>'是一個錯字，因爲你得到了警報） –

@Kevin我不確定缺少'>'會否定警報。我會把1美元放在這個問題上。 – Rick

@凱文哇！就是這樣。謝謝！不，我沒有收到任何錯誤。由於缺少'>'，顏色的變化沒有顯示在我的記事本++中，因此無論如何它都在這裏發佈。不知道爲什麼警報沒有它的工作。再次感謝！ – vizyourdata

你在這裏失蹤代碼中的>：

它仍然有效，就是因爲它忽略</script，然後整個下一行，直到</script>，所以本質上它是變成：

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

這意味着tablesorter.js不是加載。

儘管如此，你仍然應該得到tablesorter is undefined錯誤。

來源

2012-11-15 21:57:14

感謝您的幫助凱文。我將來必須密切關注。 – vizyourdata

初始化jquery tablesorter插件

回答

相關問題