jquery tablesorterとテーブルヘッダーのすべてのチェックボックスを選択

Question

最初のヘッダー列として「すべてを選択」チェックボックスとヘッダーチェックボックスをクリックしたときにページ上のすべてのチェックボックスを選択する簡単なコードを持つテーブルがあります。

$('#CheckAll').bind('click',function() { 
     var checked = $(this).attr('checked'); 
     $('input').attr('checked', checked); 
    }); 

コードが正常に動作しない、しかし、すぐに、私はテーブルにtablesorterをバインドするよう#CheckAll上のクリックイベントは、もはや火災に思える：

$('#ResultsTable').tablesorter(headers: { 0: { sorter: false} }); 

任意のアイデア？

Answer 1

元のDom要素を破壊/再作成する可能性があります。 tablesorterへの呼び出しの後にバインドするか、バインドの代わりに「ライブ」を試してみてください。

$('#CheckAll').live('click',function() { 
     var checked = $(this).attr('checked'); 
     $('input').attr('checked', checked); 
    }); 

Answer 2

あなたはほぼ手に入れました！

$("#tablesorter").tablesorter({headers:{0:{sorter:false}}});