Question

我目前正在使用开源javascript表格排序器：http://mottie.github.io/tablesorter/docs/

我遇到的问题是我动态地将表格添加到我的页面以响应用户按下按钮。在添加新表后，只有最近添加的表变得可排序，并且以前的表不再可排序。目前，我在创建表格时已经有了这段代码：

 //Make table sortable
        $(document).ready(function () {
            $("#" + thisTable.ID).tablesorter();
        });

我不明白为什么旧桌子如果没有重新加载就会失去可分类性。我只在先前添加的表下添加一个具有不同ID的新表。

Answer 1

您可以将选择器更改为$('table')，这会将分拣机添加到所有表格中。您当前的代码只会在页面加载时运行，因此每次动态添加新表时（在按钮的点击处理程序中），您都必须执行$('table').tablesorter();行。

如果您为每个表添加了一个类sortedTable，并且使您的选择器$('.sortedTable')而不仅仅是$('table')，那会更好，因为您可能会在某个时间想要一个没有排序的表，第一个版本将始终对所有表进行排序。第二个版本只会对那些明确标记为可排序的表进行排序。