cabecera jQuery Tablesorter

Question

Hola estoy usando tablesorter y me gustaría hacer una pequeña modificación en la forma en que funciona. Actualmente tablesorter ordena una columna cada vez que un usuario hace clic en cualquier parte de la célula.

Ej.

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

Me gusta especialmente el estilo por defecto del clasificador, por lo que lo que he hecho está hecho algunos botones css y los puso en cada uno:

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

¿Qué necesitaría modificar en el archivo .js de modo que el área seleccionable es el ancla y no toda la célula?

Answer 1

Esto no va a responder a su cuestio pero es demasiado para ser un comentario.

No estoy muy familiarizado con jQuery tablesorter plugin. Sin embargo, me gustaría realmente sugiero que modificar el CSS en lugar de introducir nuevos elementos y tienen que modificar el código del plugin.

Para hacer lo que quiera, tendrá que unbind el evento de clasificación unido a los elementos TH.

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

A continuación, necesitará asignar / unen el evento (s) a la elementos respectivo <a class=button>.

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

El evento podría ser un conmutador / clic o alguna otra cosa, la función podría ser un anónimo por lo que tendrá que pescar hacia fuera de los códigos de plug-in.

Incluso si usted puede hacer eso, no podría funcionar, dependiendo de cómo se implementó el evento.

puede ser mejor modificar los estilos css para "th.header" "th.headerSortUp / Abajo".