テーブル・バーカー・クローニング・テーブル行とjquery

Question

テーブル・ファンクションが使用されている場合にのみ、行が重複していた理由について私の頭を覆そうとしています。こちらのページは問題である：

http://www.ffxiv-gathering.com/40.php

バグは、次の操作を行う複製するには：

2. 昔のままのタブに任意の行をクリックして移動鑑賞タブ
3. をクリックして行を削除するには
4. 未使用のタブに移動し、行をクリックしてから別のアイテムをクリックしてください。
5. ウォッチングタブに移動

最初にクリックされた最初の行が複製されていることがわかります。なぜ私は私の人生のために理解することはできません。 tablesorter関数を削除すると問題は解決しますが、ステータスでテーブルを並べ替える（そして、現在および今後のノードを上に移動する）ので、そのまま残したいと思います。これで問題が修正されますが、ソートから私を防ぎ削除

$(document).ready(function() { 
var items = []; 

$("#myTable-unspoiled >tbody >tr").on("click", function() { 
    var newTr = $(this).closest("tr").clone().addClass("remove"); 

    items.push(newTr); 
    newTr.appendTo($("#myTable-watching")); 

    $(".remove").click(function(){ 
    $(this).closest('tr').remove(); 

    var rowCount = $('#myTable-watching >tbody >tr').length; 
    $('#counter').html(rowCount); 
    }); 

    var rowCount = $('#myTable-watching >tbody >tr').length; 
    $('#counter').html(rowCount); 

    $("#myTable-watching").tablesorter({ 
    // sort status column, then item; ascending 
    sortList: [[6,0],[0,0]] 
    }); 
}); 
}); 

：

ここ

$("#myTable-watching").tablesorter({ 
    // sort status column, then item; ascending 
    sortList: [[6,0],[0,0]] 
}); 

はtablesorterプラグインなしのページです

はここでこれを実行しているjqueryのです。

http://www.ffxiv-gathering.com/40-test.php

私の問題を表示するには...、白い行、その後、色付きの行をクリックし、別の色の行と見てタブを表示します。

Answer 1

追加および/またはテーブルから行を削除し、あなたの代わりにtablesorterを再初期化の「更新」をトリガーすることを確認してください...

newTr.appendTo($("#myTable-watching")); 
$("#myTable-watching").trigger("update"); 

と

$(".remove").click(function(){ 
    var $table = $(this).closest('table'); 
    $(this).closest('tr').remove(); 
    $table.trigger('update'); 
    // ... 
});