Question

我想让tablesorter jQuery插件工作，但还没有成功。谁能告诉我什么是错的？

我收到了“jquery loaded”警告框并且三重检查了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>

Answer 1

我很高兴它的工作。通过我的CSS也开始快速循环。

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

Answer 2

我刚才学到的另一件棘手的事情就是你需要在你的标记中找到thead和tbody元素（你有这个，但这个帖子出现在google搜索中，这可能对其他人有帮助）。迁移旧代码并使用浏览器中的检查程序可能会让您陷入困境;）

帮助jquery表分拣机

2 个答案: