javascript - 刷新表信息而不是追加

Question

我会自己解释 jquery 插件的功能，但该网站肯定比我能做的更好，它在大多数情况下似乎是一个非常简单的插件

http://tablesorter.com/docs/

我正在使用此插件在生成表格后对其进行过滤，效果很好。问题是表是实时更新的，在表被过滤后，如果收到新的更新然后再次过滤表，数据会重复。

我一直在研究它，似乎插件建立了一个信息缓存，允许过滤数据。

我想做的是删除缓存并在每次有更新时重建它，防止重复信息被附加到表数组。

客户端javascript:

function appendTables(appendData, index) {
var tabPage = "#tabpage_"+index+" > #myJobs_"+index+" > .userJobs";
userJobsElement = $(tabPage);

userJobsElement.empty();
userJobsElement.append(appendData);
applySortTable();
}

这部分使用动态 ID 生成多个表以及 2 个标准表:

function applySortTable() {
var tables = $('table');
tableCount = tables.length-2;
$("#myJobs_all").tablesorter();
$("#myJobs_noteam").tablesorter();
for (var i = 0; i < tableCount; i++){
 $("#myJobs_"+ i).tablesorter();
}

然后使用插件生成表，正如我所说的创建缓存，有谁知道如何清除缓存然后在用户发生这种情况时重建它？

---

更新

数据更新现在可以正常进行，但目前我们已经设置了一个基于选项卡的表格系统来查看不同的团队信息。处理更新后，该表仅在第一个表中更新，其他表停止工作，有人知道如何处理吗？

Answer 1

重新初始化 tablesorter 插件不是正确的方法。添加新内容后，只需触发更新方法:

$("table tbody")
    .append(appendData)
    .trigger('update'); // this event will bubble up

查看 this demo的代码示例