jQuery Tablesorter Uncaught TypeError：无法设置未定义的属性“计数”

Question

我正在使用 jQuery TableSorter 插件并使用此代码收到以下错误 Uncaught TypeError: Cannot set property 'count' of undefined：

$(document).ready(function () {
    var copyThead = $(".uiGridContent thead").html();
    copyThead = '<table><thead>' + copyThead + '</thead></table>';
    $(".uiGridHeader").html(copyThead);
    $(".uiGridContent table").tablesorter();
    $(".uiGridContent table thead").hide();
    $(".uiGridHeader th").click(function () {
        // Get updated HTML
        var FindcopyThead = $(".uiGridContent thead").html();
        var NewcopyThead = '<table><thead>' + FindcopyThead + '</thead></table>';
        $(".uiGridHeader").html(NewcopyThead);

        var index = $(".uiGridHeader th").index(this);
        var sorting = [[index, 0]];
        $(".uiGridContent table").trigger("sorton", [sorting]);
        return false;
    });
});

HTML 是：

<div class="uiGrid">
    <div class="uiGridHeader">
        <!-- NEW HEADER GOES HERE -->
    </div>
    <div class="uiGridContent">
        <table class="list sortable">
            <thead>
                <tr>
                    <th scope="col"><input type="checkbox" id="checkall" /></th>
                    <th scope="col">Name</th>
                    <th scope="col">Post Code</th>
                    <th scope="col">SIC Code</th>
                    <th scope="col">&#8470; of Employees</th>
                    <th scope="col"></th>
                    <th scope="col"></th>
                </tr>
            </thead>
            <tbody>
<!-- ROWS -->

我复制表头的原因是我需要拆分表头才能使我的应用程序结构正常工作。 这部分很好但是因为类等被添加到原始标题中，我需要再次使用新标题更新 HTML 这很好。但我得到错误？任何想法为什么或如何解决它？谢谢

Answer 1

我遇到了同样的错误。我花了一分钟才弄清楚你必须传递的值是一个三深数组：

$('table').trigger('sorton', [[[1,1]]]);

与初始排序选项相反：

$('table').tablesorter({
    sortList: [[1,1]]
});

向表中添加新数据时，请务必：

$('table').trigger('update').trigger('appendCache');

但是，在动态添加新列后，我无法让 tablesorter 正常运行。相反，在这些情况下，我必须让 jQuery 取消绑定所有内容，以便重新初始化：

$('table').remove().appendTo('body').tablesorter({ ...

Answer 2

存在三个问题。索引返回 -1，每次设置 HTML 都会删除您绑定到头部的事件，并且因为您正在触发 sorton 事件，所以您需要自己跟踪方向。

这是我的代码，希望对您有所帮助。

var copyThead = $(".uiGridContent thead").html();
copyThead = '<table><thead>' + copyThead + '</thead></table>';
$(".uiGridHeader").html(copyThead);
$(".uiGridContent table").tablesorter();
$(".uiGridContent table thead").hide();

function bindClick() {
     $(".uiGridHeader th").click(theadClick);
}

var direction = 0;
function theadClick() {
    if(direction) {
        direction = 0;
    } else {
        direction = 1;
    }

    var index = $(this).index();
    var sorting = [[index, direction ]];
    $(".uiGridContent table").trigger("sorton", [sorting]);

    var FindcopyThead = $(".uiGridContent thead").html();
    var NewcopyThead = '<table><thead>' + FindcopyThead + '</thead></table>';
    $(".uiGridHeader").html(NewcopyThead);
    bindClick();
}

bindClick();