ゼブラの行とテーブルーダーを連携させるのに問題があります

Question

ゼブラの行を使用して、行の背景色が色で交互に変わる表のデザインについて説明します。テーブルソーターでは、テーブルヘッダーをクリック可能にするJqueryプラグインについて説明しています。クリックすると、テーブルはその特定のテーブルヘッダーでソートされます。 http://tablesorter.com/docs/

問題： ユーザーがテーブルヘッダーをクリックしてテーブルを並べ替えると、ゼブラの行はもう機能しません。

$("th").click(function() { 
    $("table").trigger("update"); 
    enableRowHover(); 
    $("table").tablesorter(); 
    enableZebraRows('tbody tr:odd td', 'alt'); 
    }); 

ここゼブラ行を可能に自分のコードである：ゼブラ行を可能

function enableZebraRows(selector, className) { 
    $("tr").removeClass("alt"); 
    $(selector).removeClass(className).addClass(className); 
} 

機能があるためうまく機能テーブルヘッダをユーザがクリックをする際ここ

は私のコードでありますドキュメントの準備ができて、私はそれを使用し、それは動作します。

Answer 1

並べ替え後、ゼブラの行が正しくないとみなします。

$("table").bind("sortEnd",function() { 
    enableZebraRows(tbody tr:odd td', 'alt'); 
}); 

：あなたがテーブルをソートした後

あなただけenableZebraRowsを呼び出すことができます