Jquery Tablesorter 标头

【问题标题】：Jquery Tablesorter headerJquery Tablesorter 标头
【发布时间】：2010-01-16 23:04:09
【问题描述】：

您好，我正在使用 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 文件中进行哪些修改，使可点击区域成为锚点而不是整个单元格？

【问题讨论】：

【解决方案1】：

这不会回答你的问题，但评论太多了。

我对 jQuery tablesorter 插件并不十分熟悉。但是，我真的建议您调整 CSS 而不是引入新元素，并且必须修改插件的代码。

要做你想做的事，你需要unbind 绑定到TH 元素的排序事件。

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

然后您需要将/bind 事件分配给相应的<a class=button> 元素。

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

事件可能是切换/单击或其他事件，该函数可能是匿名的，因此您必须从插件代码中找出它。

即使您可以这样做，它也可能不起作用，具体取决于事件的实施方式。

修改“th.header”“th.headerSortUp/Down”的css样式可能会更好。

【讨论】：