jquery tablesorter更改页面

Posted 2023-05-07

【中文标题】jquery tablesorter更改页面

【英文标题】：jquery tablesorter changing page

【发布时间】：2022-01-24 04:20:30

【问题描述】：

按照此链接上的教程https://mottie.github.io/tablesorter/beta-testing/example-pager-custom-controls.html#

链接标签本身为空时，示例如何改变页面（点击页码）？

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

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

【参考方案1】：

从您的解释看来，您的链接缺少data-page 属性。检查这是否会对您有所帮助：

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

在data-page内需要传递动态页数

【参考方案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'));