Javascript 我的表使用Jquery表分类器获取重复行

我的项目中有搜索字段，它使用

$.post

获取搜索查询的结果。 我的问题是：当用户单击搜索按钮时，它工作正常，但是当用户再次单击搜索按钮，然后单击我的thead columns时，jquery sorter会与表中显示的上一次搜索重复

如何解决此问题，使我的分拣机功能不会重复

这是搜索按钮单击的Jquery代码

     $(function () {
            $('#submitfloat').click(function () {
                $('#loading').show();
                setTimeout(function () { $("#loading").hide(); }, 800);
                var SubjectTypes = $('#SubjectTypes').val();
                var Teams = $('#Teams').val();
                var Companies = $('#Companies').val();
                var Consultants = $('#Consultants').val();
                var PlannedDates = $('#PlannedDates').val();
                var CompletedDates = $('#CompletedDates').val();
                var DateTypes = $('#DateTypes').val();
                var data = {
                    Subjectypes: SubjectTypes,
                    Companies: Companies,
                    Teams: Teams,
                    Consultants: Consultants,
                    PlannedDates: PlannedDates,
                    CompletedDates: CompletedDates,
                    DateTypes: DateTypes
                };

                var fromDate = $('#PlannedDates').val();
                var endDate = $('#CompletedDates').val();
                if (Date.parse(fromDate) > Date.parse(endDate)) {
                    jAlert("End date must be later than start date", "Warning");
                    return false;
                } else {
                    $('#GoalcardSearchResult tbody').hide();
                    setTimeout(function () { $("#GoalcardSearchResult tbody").show(); }, 800);
                    $.post('@Url.Action("Search", "SearchNKI")', data, function (result) {

                        $("#GoalcardSearchResult tbody").empty();


                        result.forEach(function (goalcard) {

                            $("#GoalcardSearchResult tbody").append(
                                $('<tr/>', {
                                    click: function () {
                                        id = goalcard.Id;
                                        var url = '@Url.Action("AnswerForm", "AnswerNKI", new { id = "__id__"})';
                                        window.location.href = url.replace('__id__', id);


                                    },

                                    html: "<td>" + goalcard.Name + "</td><td>" + goalcard.Customer + "</td><td>" + goalcard.PlannedDate + "</td><td>" + goalcard.CompletedDate + "</td>"
                                }));
                        });
                        $("#GoalcardSearchResult").tablesorter();
                    });
                    return false; 
                }
            });
        });  

$（函数（）{
$（'#submitfloat'）。单击（函数（）{
$（“#加载”）.show（）；
setTimeout（函数（）{$（“#加载”）.hide（）；}，800）；
var SubjectTypes=$（'#SubjectTypes'）.val（）；
var Teams=$（'#Teams'）.val（）；
var公司=$（“#公司”）.val（）；
var Consultants=$（“#Consultants”）.val（）；
var PlannedDates=$（'#PlannedDates'）.val（）；
var CompletedDates=$（“#CompletedDates”）.val（）；
var DateTypes=$（'#DateTypes'）.val（）；
风险值数据={
主题类型：主题类型，
公司:公司,，
团队：团队，
顾问：顾问，
计划日期：计划日期，
完成日期：完成日期，
日期类型：日期类型
};
var fromDate=$（'#PlannedDates'）.val（）；
var endDate=$（'#CompletedDates'）.val（）；
if（Date.parse（fromDate）>Date.parse（endDate））{
jAlert（“结束日期必须晚于开始日期”，“警告”）；
返回false；
}否则{
$（“#GoalcardSearchResult tbody”）.hide（）；
setTimeout（函数（）{$（“#GoalcardSearchResult tbody”）.show（）；}，800）；
$.post（'@Url.Action（“Search”，“SearchNKI”）），数据，函数（结果）{
$（“#GoalcardSearchResult tbody”）.empty（）；
结果.forEach（函数（goalcard）{
$（“#GoalcardSearchResult tbody”）。追加(
$('', {
单击：函数（）{
id=goalcard.id；
var url='@url.Action（“AnswerForm”，“AnswerNKI”，new{id=“\uu id\uu}”）；
window.location.href=url.replace（“\uuuu id\uuuu'，id）；
},
html:“+goalcard.Name+”“+goalcard.Customer+”“+goalcard.PlannedDate+”“+goalcard.CompletedDate+”
}));
});
$（“#GoalcardSearchResult”）.tablesorter（）；
});
返回false；
}
});
});  

---

感谢您的帮助，提前感谢

我猜在用户单击排序按钮之前，tablesorter已经初始化了。在这种情况下，请替换此代码：

$("#GoalcardSearchResult").tablesorter();

为此：

$("#GoalcardSearchResult").trigger('update');