jquery tablesorter 换页

Question

按照教程进行操作 link https://mottie.github.io/tablesorter/beta-testing/example-pager-custom-controls.html#

当 link 标签本身为空时，该示例如何能够更改页面（单击页码）？

 link           : '<a href="#">{page}</a>',

我的上一个和下一个按钮可以使用，但正如预期的那样，页码不起作用。我想知道示例中的页码是如何工作的？

Answer 1

根据您的解释，您的 link 似乎缺少 data-page 属性。检查这是否对您有帮助：

<a href="#" data-page="10">10</a>

在data-page内您需要传递页面的动态编号

Answer 2

问题是下面的函数（在 JQuery、pager-custom-controls.js 中）本应触发 onclick 事件，但由于我仍然没有的任何原因没有被触发'不知道。

// pager-control setup
        $pager.on('click', options.currentPage, function() {
            focusOnPager = true;
            var $el = $(this);
            $el
                .addClass(options.currentClass)
                .siblings()
                .removeClass(options.currentClass);
            $table.trigger('pageSet', $el.attr('data-page'));
            return false;
        });

为了解决这个问题，我在 (a) 标记中添加了一个自定义的 onclick 函数，并将上面的代码添加到我的自定义 onclick 函数中。

示例：

 link           : '<a href="#" onclick="({page});">{page}</a>',

function onclick(page) {
  var $el = $('#tableID').find('a[data-page]="' + page + '"');
  $el
    .addClass('current')
    .siblings()
    .removeClass('current');
  $('#tableID').trigger('pageSet', $el.attr('data-page'));
}

jquery tablesorter 换页

jquery tablesorter changing page

jquery

tablesorter