我正在使用这个jQuery tablesorter:https://mottie.github.io/tablesorter/docs/index.html。 我将排序初始化为:
$('.sortable').tablesorter();
我的表格如下:
<table class="sortable" id="list-users">
<thead>
<tr>
<th>
<div class="sorter"></div>
ID
</th>
<th>
<div class="sorter"></div>
Name
</th>
<th>
<div class="sorter"></div>
Birth date
</th>
</tr>
</thead>
<tbody>
<tr>
...
默认行为如下:当我点击th标签时,表格会根据列进行排序。这很好。
但是我想在点击div.sorter时触发事件。 有人知道怎么做吗? 我试过这个:
$('table').find('th:eq(columnNumber)').trigger('sort');
但是当然,这并没有禁用默认事件,当你想要从thead中触发事件时,这很有用。
谢谢!
答案 0 :(得分:1)
此插件中实际上有一个可配置选择器,可让您定义触发排序的元素。项目文档中的Here's an example。将它应用于您的标记,它可能看起来像:
$(function() {
// call the tablesorter plugin
$(".sortable").tablesorter({
selectorSort : 'div.sorter'
});
});