我对 jquery tablesorter 插件有疑问。
从我的 json 源获取新数据后，它不会清除数据。
我尝试将 tablesorter 调用放在不同的地方，但它一直在添加。
当我注释掉 tablesorter 调用时，它工作正常。
下面是我使用的代码。
function DailyProduction() {
$('#Container').addClass('daily');
var firstday = Date.today().toString('MM/dd/yyyy');
var lastday = Date.today().toString('MM/dd/yyyy');
$("#ajaxTitle").text("DAILY PRODUCTION REPORT - (" + firstday + ")");
$("#AjaxLoader2").show();
$("#dynamic_rows").empty();
$.getJSON('api/loareports.php?startdate=' + firstday + '&enddate=' + lastday, function(json){
$.each(json,function(i,loainf){
var total = loainf.Avgcallsperhour;
if (total < 15) {
x="style=\"background-color:red; font-weight:bold; font-size:16px;\"";
} // less then 15 is red
else if (total >= 15 && total <= 24) {
x="style=\"background-color:#FFDF00; color:#333; font-weight:bold; font-size:16px;\"";
} // between 15 and 24 yellow
else if (total > 25){
x="style=\"background-color:green; font-weight:bold; font-size:16px;\"";
}else {
x="";
} // above 25 is green
var tblRow =
"<tr " + x + ">"
+"<td align='center'>"+loainf.user_name+"</td>"
+"<td align='center'>"+loainf.last_name+"</td>"
+"<td align='center'>"+loainf.vmin+"</td>"
+"<td align='center'>"+loainf.vcalls+"</td>"
+"<td align='center'>"+loainf.dialavgtime+"</td>"
+"<td align='center'>"+loainf.xmin+"</td>"
+"<td align='center'>"+loainf.xcalls+"</td>"
+"<td align='center'>"+loainf.manualavgtime+"</td>"
+"<td align='center'>"+loainf.tmin+"</td>"
+"<td align='center'>"+loainf.tcalls+"</td>"
+"<td align='center'>"+loainf.totalavgtime+"</td>"
+"<td align='center'>"+loainf.leads+"</td>"
+"<td align='center'>"+loainf.loa+"</td>"
+"</tr>"
$(tblRow).appendTo("#LoaReport tbody");
$("#LoaReport").trigger("update");
});
$("#AjaxLoader2").hide();
$("#LoaReport").tablesorter({
sortList: [[9,1],[1,1]]
});
setTimeout(DailyProduction, 10000);
});
}
我不知道如何使这项工作。
#dynamic_rows是这样吗<tbody id="dynamic_rows"></tbody>，正如没有这个所说：
$("#LoaReport").tablesorter({
sortList: [[9,1],[1,1]]
});
它工作正常。