您好我正在使用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文件中修改哪些内容,以便可点击区域是锚点而不是整个单元格?
答案 0 :(得分: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样式。