jquery tablesorter und wählen Sie alle Kontrollkästchen in der Tabellenüberschrift

Question

Ich habe eine Tabelle mit einem "Alles markieren" -Kontrollkästchen als erste Überschriftenspalte und einigen einfachen Code, um alle Kontrollkästchen auf der Seite zu markieren, wenn das Kontrollkästchen angeklickt ist.

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

der Code läuft gut, aber sobald ich tablesorter auf den Tisch das Click-Ereignis auf #CheckAll binden scheint nicht mehr zu Feuer:

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

Irgendwelche Ideen?

Answer 1

Es ist durchaus möglich, dass tablesorter das ursprüngliche Dom-Element zerstört/neu erstellt. Sie können entweder binden nach Ihrem Anruf auf tablesorter, sonst könnten Sie „leben“ statt „bind“ versuchen:

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

Answer 2

Sie es fast bekam !. Versuchen Sie diese: