JQuery TableTersorter und wählen Sie das gesamte Kontrollkästchen in der Tabellenheader aus

Question

Ich habe eine Tabelle mit einem Kontrollkästchen "All" als erste Header -Spalte und einen einfachen Code, um alle Kontrollkästchen auf der Seite auszuwählen, wenn das Kontrollkästchen Header geklickt wird.

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

Der Code läuft gut, aber sobald ich Tabellen an die Tabelle binden, scheint das Klickereignis auf #Checkall nicht mehr zu schießen:

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

Irgendwelche Ideen?

Answer 1

Es ist durchaus möglich, dass Tabellen das ursprüngliche DOM -Element zerstören/nachbauen. Sie können entweder nach Ihrem Anruf an tabelsorter binden, oder es versuchen Sie möglicherweise "Live" anstelle von "binden":

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

Answer 2

Sie haben es fast geschafft!. Probier diese:

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