Domanda

Ho una tabella con un "seleziona tutto" casella della prima colonna di intestazione e alcuni semplici righe di codice per selezionare tutte le caselle di controllo sulla pagina quando la casella di controllo di intestazione viene cliccato.

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

il codice viene eseguito bene, ma non appena mi legano tablesorter al tavolo l'evento click su #CheckAll non sembra più il fuoco:

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

Tutte le idee?

È stato utile?

Soluzione

E 'molto probabile tablesorter sta distruggendo / ricreare l'elemento originale Dom. È possibile legare dopo la chiamata a tablesorter, altrimenti si potrebbe provare "dal vivo" al posto di "legare":

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

Altri suggerimenti

È quasi fatta !. Provate questo:

 $("#tablesorter").tablesorter({headers:{0:{sorter:false}}}); 
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top