帮助jquery桌面分拣机

我试图让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>

来源

2011-05-21 nunos

您是否尝试过使用更多表格行？你有没有检查过这些元素，并确保适用适当的类？我相信它默认是.header，.headerSortDown，.headerSortUp。 – matchew 2011-05-21 23:29:37

我已经在更多数据的小提琴中测试过它，它的工作没有问题（http://jsfiddle.net/sgbVS/ - 我没有附加样式表，但点击列标题's）你会吗？恰好有一个活生生的例子？ – matchew 2011-05-21 23:35:10

它实际上正在工作。我认为它会自动显示在作者网站上显示的布局。感谢您的帮助; P – nunos 2011-05-21 23:40:21

我很高兴它的工作。起初我也是通过我的一个快速循环的CSS。

一定要抓住作者css，但主要是需要样式的类是.header，.headerSortDown和.headerSortUp您还可以自定义表接收的类。我还发现tablesorters小部件系统很好，可以轻松定制。一个默认小部件的例子是斑马条纹。

来源

2011-05-21 23:43:17 matchew

我刚刚学到的另一个棘手的事情是，你需要在你的标记中加入add和tbody元素（这是你的，但是这个帖子在谷歌搜索中出现，这可能会帮助其他人）。迁移旧代码并使用浏览器内检查器可能会骗过您一段时间;）

来源

2011-09-08 20:28:24

帮助jquery桌面分拣机

回答

相关问题