2011-05-21 57 views
0

我試圖讓tablesorter jQuery插件工作,但一直沒有成功。誰能告訴我什麼是錯的?幫助jquery桌面分揀機

我收到「jquery loaded」提示框,並且triple檢查了tablesorter javascript文件的路徑。

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
    <script type="text/javascript" src="jquery.tablesorter.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      if (jQuery) { 
       alert("jquery loadedd"); 
      } 
      $("#foobar").tablesorter(); 
     } 
    ); 
    </script> 
    <title>Title</title> 
</head> 
<body> 

<table id="foobar" class="tablesorter"> 
    <thead> 
     <tr> 
      <th>Name</th> 
      <th>Age</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Nuno</td> 
      <td>20</td> 
     </tr> 
    </tbody> 
</table> 
</body> 
</html> 
+0

您是否嘗試過使用更多表格行?你有沒有檢查過這些元素,並確保適用適當的類?我相信它默認是.header,.headerSortDown,.headerSortUp。 – matchew 2011-05-21 23:29:37

+1

我已經在更多數據的小提琴中測試過它,它的工作沒有問題(http://jsfiddle.net/sgbVS/ - 我沒有附加樣式表,但點擊列標題's)你會嗎?恰好有一個活生生的例子? – matchew 2011-05-21 23:35:10

+0

它實際上正在工作。我認爲它會自動顯示在作者網站上顯示的佈局。感謝您的幫助; P – nunos 2011-05-21 23:40:21

回答

1

我很高興它的工作。起初我也是通過我的一個快速循環的CSS。

一定要抓住作者css,但主要是需要樣式的類是.header,.headerSortDown和.headerSortUp您還可以自定義表接收的類。我還發現tablesorters小部件系統很好,可以輕鬆定製。一個默認小部件的例子是斑馬條紋。

0

我剛剛學到的另一個棘手的事情是,你需要在你的標記中加入add和tbody元素(這是你的,但是這個帖子在谷歌搜索中出現,這可能會幫助其他人)。遷移舊代碼並使用瀏覽器內檢查器可能會騙過您一段時間;)