JQuery Tablesorter更新

Question

我在更新表格方面有问题。我使用JQuery Tablesorter插件。排序工作，但分页不起作用。

$(function () {
    $("#myTable").tablesorter();
    $('#topicT').on('click', 'a', function () {
        var href = $(this).attr('href');
        var id = href.replace('#', '');
        $.ajax({
            url: 'faqs',
            type: 'POST',
            data: {topicId: id},
            success: function (response) {
                var html = '';
                $.each(response, function (key, val) {
                    html += '<tr><td>' + val.question + '</td></tr>'
                });
                $('#myTable tbody').empty().append(html);
                $('#myTable').trigger('update');
                var sorting = [
                    [0, 0]
                ];
                $('#myTable').trigger('sorton', [sorting]);
            }
        });
    });

});

当我改变

$("#myTable").tablesorter();

至

$("#myTable").tablesorter({widthFixed: true, widgets: ['zebra']}).tablesorterPager({container: $("#pager")});

桌子坏了。

错误:无法读取未定义属性的“长度”。数据不会加载到表中。有人能帮我解决这个问题吗？

Answer 1

问题解决了。添加了jquery-迁移-1.2.1.js。工作代码：

$(function () {
$("#myTable").tablesorter();
$('#topicT').on('click', 'a', function () {
    var href = $(this).attr('href');
    var id = href.replace('#', '');
    $.ajax({
        url: 'faqs',
        type: 'POST',
        data: {topicId: id},
        success: function (response) {
            var html = '';
            $.each(response, function (key, val) {
                html += '<tr><td>' + val.question + '</td></tr>'
            });
            $('#myTable tbody').empty().append(html);
            $('#myTable').trigger('update');
            $("#myTable").tablesorter({widthFixed: true, widgets:['zebra']}).tablesorterPager({container: $("#pager")});
            var sorting = [
                [0, 0]
            ];
            $('#myTable').trigger('sorton', [sorting]);
        }
    });
});

});