tête jquery tablesorter

Question

Salut j'utilise tablesorter et voudrais faire une légère modification à la façon dont cela fonctionne. Actuellement tablesorter trie une colonne à chaque fois qu'un utilisateur clique sur une partie quelconque de la cellule.

Par exemple.

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

Je ne aime pas particulièrement le style par défaut de la trieuse, donc ce que je l'ai fait est fait quelques boutons et les css .CHAQUE:

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

Qu'est-ce que je dois modifier dans le fichier .js de sorte que la zone cliquable est l'ancre et non l'ensemble de la cellule?

Answer 1

Ce ne va pas répondre à votre questio mais il est trop pour un commentaire.

Je ne connais pas exactement avec jQuery tablesorter plugin. Cependant, je voudrais vraiment vous suggère modifier le CSS au lieu d'introduire de nouveaux éléments et avoir à modifier le code du plug-in.

Pour faire ce que vous voulez, vous devez unbind l'événement de tri lié aux éléments de TH.

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

Vous aurez alors besoin d'affecter / bind l'événement (s) au éléments de <a class=button> respectifs.

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

L'événement pourrait être une bascule / clic ou autre chose, la fonction pourrait être un un anonyme afin que vous aurez à pêcher à partir des codes de plug-in.

Même si vous pouvez le faire, il pourrait ne pas fonctionner, selon la façon dont a été mis en œuvre l'événement.

peut-être mieux modifier les styles CSS pour "th.header" "th.headerSortUp / Down".