jquery tablesorter et sélectionnez toutes case en-tête de table

Question

J'ai une table avec une case à cocher « tout sélectionner » comme la première colonne d'en-tête et un code simple pour sélectionner toutes les cases à cocher sur la page lorsque la case d'en-tête est cliqué.

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

le code fonctionne très bien, mais dès que je lie tablesorter à la table de l'événement, cliquez sur #CheckAll ne semble plus le feu:

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

Toutes les idées?

Answer 1

Il est tout à fait possible tablesorter est en train de détruire / recréer l'élément Dom d'origine. Vous pouvez lier APRÈS votre appel à tablesorter, ou bien vous pouvez essayer « vivre » au lieu de « lier »:

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

Answer 2

Vous avez presque !. il Essayez celui-ci:

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