Question

我使用jQuery Tablesorter插件根据位于表格上方的选择框的选定值对表格进行排序。在文档就绪时，我初始化表，使其最初在第4列上排序，其他标题设置为不可排序，这很好。当我尝试根据所选选项求助表时，会抛出错误：

未捕获的TypeError：无法设置属性＆＃39; count＆＃39;未定义的

有关如何使所选选项诉诸表格的任何想法吗？

选择元素：

<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是什么样的？

jQuery Tablesorter错误＆＃34; Uncaught TypeError：无法设置属性＆＃39; count＆＃39;未定义＆＃34;

1 个答案: