Question

在http://www.elitedeafpoker.com/dev/poker-players.html上 - 我无法使可排序表生效。我需要一些帮助才能使它发挥作用。

HTML

<table id="myTable" class="tableData">
    <thead>
        <tr>
            <th>Rank</th>
            <th width="250">Name</th>
            <th>Earnings</th>
            <th>Points</th>
            <th>Total Earnings</th>
        </tr>
    </thead>
    <tbody></tbody>
 </table>

JAVASCRIPT -

$(document).ready(function() { 
    $("#myTable").tableData(); 
} 
);

jQUERY插件 - http://www.elitedeafpoker.com/dev/js/jquery.tablesorter.min.js

所有代码均由http://tablesorter.com/docs/推荐，请让我知道我错过了什么。

Answer 1

请注意浏览器控制台中的错误：Uncaught TypeError: Object [object Object] has no method 'tableData'

Tablesorter插件提供的正确方法是tablesorter，因此您要使用：

$("#myTable").tablesorter();

您专门引用的网站链接包含以下代码：

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
);

如果您使用AJAX加载行，则需要调用：

$("#myTable").trigger("update");

附加后。

Answer 2

如果我可以对库提出建议，我之前使用过tablesorter，最终切换到DataTables。优秀的图书馆，内置排序，过滤等功能，并拥有一个非常棒的响应式开发人员，优秀的文档和一个支持的优秀社区。

Answer 3

我会尝试使用DataTables。您尝试使用的库最近更新于03-2008，差不多5年前。在示例中，jQuery版本是1.2。目前版本的稳定jQuery是1.9+。在中间版本中有许多不向后兼容的更改。

如果你真的只想要表格排序。如果您坚持只使用javascript，那么您可以查看此http://www.kryogenix.org/code/browser/sorttable/sorttable.js。最后一次我试过它工作正常。

可排序表不起作用

3 个答案: