jQuery表分类器行重复

Question

目前，我正在尝试使用jQuery表排序器插件来对表行进行排序。当前，我的表数据将每60秒更新一次，所以如果我在60秒之前开始排序它正常工作，但是在60秒后如果我尝试排序我的表行重复。我能知道原因以及如何解决这个问题。提前谢谢。

这是我的jquery代码：

$(document).ready(function(){ 
    setTimeout(function(){
        if($(".tablesorter").find('tbody:first tr').length > 0){
            $(".tablesorter").tablesorter(); 
            $(".tablesorter").trigger('update'); 
            alert("success");
        }
    }, 5000);
}); 

Answer 1

不是使用setTimeout来更新tablesorter，而是在之后更新tablesorter ajax函数添加或删除表中的内容。像这样：

// tablesorter initialized outside of the ajax process
$("table").tablesorter();

$.ajax("load-new-stuff.php")
  .done(function(data) {
    // process the data and add it to the table
    addData(data);
  })
  .fail(function() {
    $("table tbody").html("<tr><td colspan='5'>Error</td></tr>");
  })
  .always(function() {
    $("table").trigger("update");
  });