2010-01-16 115 views
0

嗨,我正在使用tablesorter,並希望稍作修改它的工作原理。目前,當用戶點擊單元的任何部分時,tablesorter會對列進行排序。jquery 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樣式。