JQuery Tablesorter Cabeçalho

Question

Olá, estou usando o TableSorter e gostaria de fazer uma ligeira emenda sobre como funciona. Atualmente, o TableSorter classifica uma coluna sempre que um usuário clica em qualquer parte da célula.

Por exemplo.

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

Eu não gosto particularmente do estilo padrão do classificador, então o que fiz é feito alguns botões CSS e os colocou em cada um:

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

O que eu precisaria alterar no arquivo .js para que a área clicável seja a âncora e não a célula inteira?

Answer 1

Isso não vai responder à sua busca, mas é demais para ser um comentário.

Não estou exatamente familiarizado com o jQuery TableSorter plugar. No entanto, eu realmente sugiro que você ajuste o CSS em vez de introduzir novos elementos e ter que modificar o código do plug -in.

Para fazer o que quiser, você precisará desbloquear o evento de classificação ligado ao TH elementos.

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

Você precisará atribuir/ligar o (s) evento (s) para os respectivos <a class=button> elementos.

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

O evento pode ser uma alternância/clique ou outra coisa, a função pode ser anônima, então você terá que pescá -lo nos códigos do plug -in.

Mesmo se você puder fazer isso, pode não funcionar, dependendo de como o evento foi implementado.

Pode ser melhor modificar os estilos CSS para "Th.Header" "Th.Headertupup/Down".