Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使多个HTML表可排序?_Javascript_Jquery_Html_Ajax - Fatal编程技术网

Javascript 如何使多个HTML表可排序?

Javascript 如何使多个HTML表可排序?,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我目前正在使用一个开源javascript表分类器: 我遇到的问题是,当用户按下按钮时,我会动态地将表添加到页面中。只有最近添加的表才成为可排序的表,并且在添加新表后,以前的表不再可排序。目前,我在表创建结束时有以下代码: //Make table sortable $(document).ready(function () { $("#" + thisTable.ID).tablesorter(); }); 我不明白如果不重新加载旧表

我目前正在使用一个开源javascript表分类器:

我遇到的问题是,当用户按下按钮时,我会动态地将表添加到页面中。只有最近添加的表才成为可排序的表,并且在添加新表后,以前的表不再可排序。目前,我在表创建结束时有以下代码:

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

我不明白如果不重新加载旧表,为什么它们会失去可排序性。我只是在先前添加的表下添加一个具有不同ID的新表

您可以将选择器更改为
$('table')
,这将把分拣机添加到所有表格中。但是,当前代码将只在页面加载时运行,因此必须执行
$('table').tablesorter()

如果您向每个表添加一个类,例如
sortedTable
,并使选择器
$('.sortedTable')
,而不是简单地
$('table')
,则会更好,因为您可能在某些时候需要一个未排序的表,并且第一个版本将始终对所有表进行排序。第二个版本将只对显式标记为可排序的表进行排序