【问题标题】:jQuery Tablesorter error "Uncaught TypeError: Cannot set property 'count' of undefined"jQuery Tablesorter 错误“未捕获的类型错误:无法设置未定义的属性‘计数’”
【发布时间】:2015-01-26 03:06:42
【问题描述】:

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

未捕获的类型错误:无法设置未定义的属性“计数”

关于如何让选定的选项重新使用表格有什么想法吗?

选择元素:

<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;     
    }
  });

【问题讨论】:

    标签: javascript jquery tablesorter


    【解决方案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 确实在标题元素中存储了 count 值以帮助跟踪排序方向,但我在该演示中没有看到错误。也许有别的东西在干扰? thead 中的 HTML 是什么样的?

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-08-01
      • 2020-03-20
      • 2017-03-30
      • 2011-03-11
      • 2013-06-16
      • 2016-11-08
      相关资源
      最近更新 更多