intestazione Jquery tablesorter

Question

Ciao Sto usando tablesorter e vorrei fare una leggera modifica a come funziona. Attualmente tablesorter smista una colonna ogni volta che un utente fa clic su qualsiasi parte della cella.

Eg.

<th>One</th>
<th>Two</th>
<th>Three</th>

Non mi piace particolarmente lo stile di default della selezionatrice, quindi quello che ho fatto è fatto alcuni pulsanti di css e posti a ciascuna:

<th><a class="button">One</a></th>
<th><a class="button">Two</a></th>
<th><a class="button">Three</a></th>

Quello che avrei bisogno di modificare nel file .js modo che l'area cliccabile è l'ancora e non l'intera cella?

Answer 1

Questo non sta per rispondere alla tua Questio, ma è troppo per essere un commento.

Non sono esattamente familiarità con jQuery tablesorter plugin. Comunque io consiglio veramente di te modificare il CSS invece di introdurre nuovi elementi e devono modificare il codice del plugin.

Per fare ciò che si vuole, è necessario unbind l'evento di smistamento legata agli elementi TH.

$("#tableid th:has(a)").unbind();

Avrete quindi bisogno di assegnare / legano l'evento (s) al rispettivi elementi <a class=button>.

$("#tableid th a").bind(someEventName, someFunctionName);

L'evento potrebbe essere un interruttore / clic o qualcosa d'altro, la funzione potrebbe essere un uno anonimi, in modo dovrete pescare fuori dai codici di plugin.

Anche se si può fare questo, non potrebbe funzionare, a seconda di come è stato realizzato l'evento.

potrebbe essere meglio modificare gli stili CSS per "th.header" "th.headerSortUp / Down".