jquery表分类器的帮助_Jquery - Fatal编程技术网

jquery表分类器的帮助

jquery

jquery表分类器的帮助,jquery,Jquery,我正在尝试让jQuery插件工作，但没有成功。谁能告诉我怎么了我收到“jquery-loaded”警报框，并三次检查了tableSorterJavaScript文件的路径 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://ajax.g

我正在尝试让jQuery插件工作，但没有成功。谁能告诉我怎么了

我收到“jquery-loaded”警报框，并三次检查了tableSorterJavaScript文件的路径

<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>


$（文档）.ready（函数（）{
if（jQuery）{
警报（“jquery loadedd”）；
}
$（“#foobar”）.tablesorter（）；
}
);
标题
名称
年龄
努诺
20

我很高兴它能工作。css最初也通过我快速循环

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

我刚刚学到的另一件棘手的事情是，你需要在你的标记中包含thead和tbody元素（你有，但这篇文章出现在谷歌搜索中，这可能会帮助其他人）。迁移旧代码和使用浏览器内检查器可能会欺骗您一段时间；）

你试过用更多的表格行吗？您是否检查了元素并确保应用了适当的类？我相信默认情况下是.header、.headerSortDown、.headerSortUp。我已经用更多的数据测试过了，它可以正常工作（-我没有样式表，但是点击列标题）你会有一个实例吗？它实际上可以工作。我想它会自动出现在作者的网站上。谢谢你的帮助；P