jQuery Tablesorter Ajax更新

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

表不起作用。

错误：无法读取未定义的属性“ length”。 而且数据不会加载到表中。 有人可以帮助我解决这个问题吗？

Answer 1

问题解决了。 添加了jquery-migrate-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]);
        }
    });
});

});