刷新表信息,而不是追加

我会自己解释jquery插件的function,但是网站肯定比我能做得更好,大部分看起来相当简单的插件

http://tablesorter.com/docs/

我使用这个插件过滤我的表后,他们生成,工作正常。 问题是表是实时更新,并在表过滤后,如果收到新的更新,然后再次筛选表,数据重复。

我一直在寻找它,看起来这个插件build立了一个允许数据被过滤的信息caching。

我想要做的是删除caching,并在每次更新时重新创buildcaching,防止重复信息被附加到表数组。

客户端javascript:

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

这部分使用一个dynamic的id和两个标准的表格来生成多个表格:

 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(); } 

该表然后生成使用插件,正如我所说的创build一个caching,有没有人知道如何清除caching,然后重build,当这种情况发生在用户?


更新

数据的更新现在正在工作,但是目前我们已经build立了一个基于标签的表系统来查看不同的团队信息。 当更新被处理时,表只会在第一个表中更新,其他表停止工作,任何人都知道如何处理这个?

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

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

看看这个演示的代码示例