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

これはかなり可能tablesorterは、元のDOM要素を再作成/破壊しているのです。次のいずれかを実行できtablesorterへお電話AFTERバインド、または他のあなたの代わりに「バインド」の「ライブ」しようとします。

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

Answer 2

あなたはほとんどそれを得ました！この方法を試してください。

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