JQuery Tablesorter header

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 tablesorter плагином. Однако я бы действительно предложил вам настроить CSS вместо того, чтобы вводить новые элементы и изменять код плагина.

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

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

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

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

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

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

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