JQuery Tablesorter Kopf

Question

Hallo, ich bin mit tablesorter und möchte eine leichte Änderung machen, wie es funktioniert. Derzeit Tablesorter sortiert eine Spalte, wenn ein Benutzer klickt auf einen beliebigen Teil der Zelle.

Eg.

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

ich nicht besonders, wie der Standard-Styling des Sortierers, also was ich getan habe, ist einige CSS Buttons gemacht und legte sie in jedem:

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

Was brauche ich, um in der JS-Datei zu ändern, so dass der klickbare Bereich der Anker und nicht die gesamte Zelle?

Answer 1

Dies ist nicht Ihre questio geht zu beantworten, aber es ist zu viel ein Kommentar zu sein.

Ich bin nicht gerade vertraut mit jQuery tablesorter Plugin. vorschlagen, dass Sie anstelle der Einführung neuer Elemente Allerdings würde ich wirklich die CSS optimieren und müssen das Plugin-Code ändern.

Zu tun, was Sie wollen, müssen Sie unbind die Sortier Veranstaltung gebunden an die TH Elemente.

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

Sie werden dann brauchen assign / binden die Veranstaltung (en) auf die jeweilige <a class=button> Elemente.

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

Das Ereignis könnte ein Schalter sein / klicken oder etwas anderes könnte die Funktion ein anonymer sein, damit Sie es Fisch aus den Plugin-Codes heraus müssen.

Auch wenn Sie das tun können, es könnte nicht funktionieren, je nachdem, wie die Veranstaltung durchgeführt wurde.

Könnte besser dran, die CSS-Stile für "th.header" "th.headerSortUp / Down" zu ändern.