javascript - jQuery Tablesorter 错误 "Uncaught TypeError: Cannot set property ' 计数'未定义”

Question

我正在使用 jQuery Tablesorter 插件根据位于表格上方的选择框的选定值对表格进行排序。文档准备好后，我初始化表格，使其最初在第四列上排序，其他标题设置为不可排序，这工作正常。当我尝试根据所选选项重新排列表时，它会抛出错误:

Uncaught TypeError: Cannot set property 'count' of undefined

关于如何获得选择的选项来重新安排 table 有什么想法吗？

选择元素:

<select name="table-sort" class="table-sort">
  <option value="value1">Sort by name</option>
  <option value="value2">Sort by amount</option>
</select>

Javascript 文件:

  $( ".table-sort" ).on("change", function(){
    switch ($(this).val()) {
      case 'value1':
        var sorting = [[0,0]];
        $(".my-table").trigger("sorton", [sorting]);
        return false;
        break;
      case 'value2':
        var sorting = [[1,0]];
        $(".my-table").trigger("sorton",[sorting]);
        return false;
        break;     
    }
  });

Answer 1

你的代码对我有用。我确实修改了一点(tablesorter v2.0.5b demo):

HTML

<!-- value contains zero-based column index -->
<select name="table-sort" class="table-sort">
    <option></option>
    <option value="1">Sort by last name</option>
    <option value="3">Sort by total</option>
</select>

脚本

$(".table-sort").on("change", function () {
    var column = $(this).val();
    $(".my-table").trigger("sorton", [ [[ column, 0 ]] ]);
    return false;
});

至于错误，tablesorter 确实在 header 元素中存储了一个 count 值，以帮助跟踪排序方向，但我在该演示中没有看到错误。也许有其他东西在干扰？ thead 中的 HTML 是什么样的？