テーブルの行を削除/更新する際のtablesorterPagerの問題

Question

jageryテーブルソーターをページネーションで使用しようとしています。私はテーブルの動的な更新を行うときに問題があります。 "#append"ボタン（コードを参照）をクリックした後、私はテーブル本体の内容全体を変更しています。改ページはこのアクションを認識しますが、次のページをクリックすると最初の更新後に2ページ、2ページ目の更新後に3ページ前にジャンプします...

私は間違っていることを知りません。ここに私のコードです：

$(document).ready(function() { 
     $("#myTable").tablesorter({sortList: [[0,0], [1,0]]} , {headers: {1: {sorter: false}, 2: {sorter: false}, 3: {sorter: false}, 4: {sorter: false}, 5: {sorter: false}, 6: {sorter: false}, 7: {sorter: false}}}) 
     .tablesorterPager({container: $("#pager")}); 
     $("#append").click(function() { 
     // add some html 
     $.post("log_msg.asp", $("#msgForm").serialize(), 
     function(data) { 
      $('body').find("#myTable colgroup").remove(); 
      $("#msgs").html($("#msgs" , data).html()); 
      //$("#myTable").trigger("update") 
      $('body').find("#myTable") 
      .tablesorter({ widthFixed: true, widgets: ['zebra']}) 
      .tablesorterPager({ container: $("#pager") }); 
     }); 
     // let the plugin know that we made a update 
     return false; 
    }); 

}); 

手がかりはありますか？事前に

おかげ 乾杯 マグダ

Answer 1

私はイベントが接続された複数回取得していると思います。基本的にクリックイベントをバインド解除してから再度バインドするこのコードを試すことができますか？

$(document).ready(function() { 
     $("#myTable").tablesorter({sortList: [[0,0], [1,0]]} , {headers: {1: {sorter: false}, 2: {sorter: false}, 3: {sorter: false}, 4: {sorter: false}, 5: {sorter: false}, 6: {sorter: false}, 7: {sorter: false}}}) 
     .tablesorterPager({container: $("#pager")}); 
     $("#append").unbind('click').click(function() { 
     // add some html 
     $.post("log_msg.asp", $("#msgForm").serialize(), 
     function(data) { 
      $('body').find("#myTable colgroup").remove(); 
      $("#msgs").html($("#msgs" , data).html()); 
      //$("#myTable").trigger("update") 
      $('body').find("#myTable") 
      .tablesorter({ widthFixed: true, widgets: ['zebra']}) 
      .tablesorterPager({ container: $("#pager") }); 
     }); 
     // let the plugin know that we made a update 
     return false; 
    }); 

}); 

Answer 2

私はこれを試してみました... 私はjquery.tablesorter.pager.jsファイルを開いて、次のように少し修正.. 構造関数の内部では、次の2行

$(config.cssNext,pager).unbind('click'); 
$(config.cssPrev,pager).unbind('click'); 

を追加ちょうど上に

$(config.cssFirst,pager).click(function() { 
    moveToFirstPage(table); 
    return false; 
}); 

これは私のために働いた..それもあなたのために働くことを望む。がんばろう！ Vinod