Javascript 如何使多个HTML表可排序?
我目前正在使用一个开源javascript表分类器: 我遇到的问题是,当用户按下按钮时,我会动态地将表添加到页面中。只有最近添加的表才成为可排序的表,并且在添加新表后,以前的表不再可排序。目前,我在表创建结束时有以下代码:Javascript 如何使多个HTML表可排序?,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我目前正在使用一个开源javascript表分类器: 我遇到的问题是,当用户按下按钮时,我会动态地将表添加到页面中。只有最近添加的表才成为可排序的表,并且在添加新表后,以前的表不再可排序。目前,我在表创建结束时有以下代码: //Make table sortable $(document).ready(function () { $("#" + thisTable.ID).tablesorter(); }); 我不明白如果不重新加载旧表
//Make table sortable
$(document).ready(function () {
$("#" + thisTable.ID).tablesorter();
});
我不明白如果不重新加载旧表,为什么它们会失去可排序性。我只是在先前添加的表下添加一个具有不同ID的新表 您可以将选择器更改为
$('table')
,这将把分拣机添加到所有表格中。但是,当前代码将只在页面加载时运行,因此必须执行$('table').tablesorter()每次动态添加新表时(在按钮的单击处理程序中),代码>行
如果您向每个表添加一个类,例如sortedTable
,并使选择器$('.sortedTable')
,而不是简单地$('table')
,则会更好,因为您可能在某些时候需要一个未排序的表,并且第一个版本将始终对所有表进行排序。第二个版本将只对显式标记为可排序的表进行排序