用的tablesorter，jQuery和動態表問題

Question

我有我的頁表是像這樣定義：

<table id="search_table" class="tablesorter table"> 
     <thead> 
      <tr> 
      <th>Title</th> 
      <th>Rank</th> 
      <th>Planning Estimate</th> 
      <th>Update</th> 
     </tr> 
    </thead> 
    <tbody id="search_body"> 
    </tbody> 
</table> 

我該填的表格體：

$('#submit').click(function() { 
     event.preventDefault(); 
     var $table = $('#search_body'); 
     $table.empty(); 
     $.getJSON("/search_issues/" + $("#folders").val(), function(data) { 
      $.each(data, function(index, dict) { 
       var $tr = $("<tr></tr>").appendTo($table); 
       $tr.append("<td>" + dict['title'] + "</td><td>" + dict['rank'] + "</td><td>" + dict['planning'] + 
         "</td><td><a href='/update"+dict['id'] + "'>Update</a></td>"); 
      }); 
     }); 
    }); 

如何以及在哪裏我定義tablesorter？我試圖把這樣的：

$(function() { 
    $("table").tablesorter({ theme : 'blue', sortList: [[2,1],[0,0]] }); 
}); 

但如果我點擊表頭，我得到這個在控制檯：

Uncaught TypeError: Cannot read property '2' of undefined 

感謝，

馬克

Answer 1

試運行tablesorter追加tr和td後試圖在裏面使用它getJSON關閉後$。每個像

$.getJSON("/search_issues/" + $("#folders").val(), function(data) { 
      $.each(data, function(index, dict) { 
       var $tr = $("<tr></tr>").appendTo($table); 
       $tr.append("<td>" + dict['title'] + "</td><td>" + dict['rank'] + "</td><td>" + dict['planning'] + 
         "</td><td><a href='/update"+dict['id'] + "'>Update</a></td>"); 
      }); 
      $("table").tablesorter({ theme : 'blue', sortList: [[2,1],[0,0]] }); 
     }); 

以另一種方式，你可以刷新

排序

你可以看看這個http://tablesorter.com/docs/example-ajax.html