JQuery Tablesorter e selecione toda a caixa de seleção no cabeçalho da tabela

Question

Eu tenho uma tabela com uma caixa de seleção "Selecione All" como a primeira coluna do cabeçalho e algum código simples para selecionar todas as caixas de seleção na página quando a caixa de seleção do cabeçalho for clicada.

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

O código funciona bem, mas assim que eu vier o TableSorter à tabela, o evento de clique em #Checkall não parece mais disparar:

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

Alguma ideia?

Answer 1

É bem possível que o TableSorter esteja destruindo/recriando o elemento DOM original. Você pode vincular após sua chamada para TableSorter, ou então você pode tentar "viver" em vez de "Bind":

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

Answer 2

Você quase entendeu!. Tente este:

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