Заголовок сортировщика таблиц Jquery

Question

Привет, я использую tablesorter и хотел бы внести небольшую поправку в то, как он работает.В настоящее время tablesorter сортирует столбец всякий раз, когда пользователь нажимает на любую часть ячейки.

Например.

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

Мне не особенно нравится стиль сортировщика по умолчанию, поэтому я создал несколько кнопок css и разместил их в каждой :

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

Что мне нужно изменить в файле .js, чтобы интерактивная область была привязкой, а не всей ячейкой?

Answer 1

Это не ответ на ваш вопрос, но это слишком много, чтобы быть комментарием.

Я не совсем знаком с jQuery сортировщик таблиц плагин.Однако я бы действительно посоветовал вам настроить CSS вместо того, чтобы вводить новые элементы и изменять код плагина.

Чтобы делать то, что вы хотите, вам нужно будет отвязать событие сортировки, привязанное к TH элементы.

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

Затем вам нужно будет назначить/привязать событие (события) к соответствующему <a class=button> элементы.

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

Событием может быть переключение / щелчок или что-то еще, функция может быть анонимной, так что вам придется выудить ее из кодов плагина.

Даже если вы сможете это сделать, это может не сработать, в зависимости от того, как было реализовано событие.

Возможно, было бы лучше изменить стили css для "th.header" "th.headerSortUp / Down".