JQuery tablesorter附加数据未排序

Question

我也尝试使用 tablesorter 插件 (http://tablesorter.com) 将数据附加到表中 我使用以下代码：

<table id="sortme" border="1" style="width: 200px;">             
<thead>
    <tr>
        <th>first name</th>
        <th>last name</th>
        <th>age</th>
    </tr>
</thead>
<tbody>
       <tr>
          <td>will</td>
          <td>smith</td>
          <td>1</td>
      </tr> 
...................
</tbody>
</table>
<a href="#" id="test">Click me!</a>

还有：

$(document).ready(function() {
 var i = 5;
 $("#sortme").tablesorter({
     sortList: [[2,0]]         
 }); 
 $("#test").click(function() {
     $("#sortme tbody").append('<tr><td>NEW</td><td>NEW</td><td>'+(i++)+'</td></tr>');
     $("#sortme").trigger("update");
     var s = [[2,0]];
     $("#sortme").trigger("sorton",[s]);
     return false;
 });
});

问题是附加的行停留在顶部，为什么？ 参见示例：http://jsfiddle.net/jmU3Z/8/

Answer 1

以防其他人偶然发现这一点。

到处理“sorton”事件时，DOM 尚未分配 table.config.parsers。 “sorton”事件处理需要包装在 1 毫秒的超时时间中。

将 jquery.tablesorter.js（~803 行）中现有的“sorton”绑定替换为以下内容：

}).bind("sorton", function (e, list) {
    var me = this;
    setTimeout(function () {
        $(this).trigger("sortStart");
        config.sortList = list;
        // update and store the sortlist
        var sortList = config.sortList;
        // update header count index
        updateHeaderSortCount(me, sortList);
        // set css for headers
        setHeadersCss(me, $headers, sortList, sortCSS);
        // sort the table and append it to the dom
        appendToTable(me, multisort(me, sortList, cache));
    }, 1);

Answer 2

你的问题是[s]。您的排序参数已经是一个数组，只需将 var 传递给它，而不是数组中的 var。

$("#sortme").trigger("sorton",s); 

为我工作，FF4。