如何让省略号可点击以显示下一个分页序列答案

【问题标题】：How to have ellipses clickable to show the next sequence of pagination如何让省略号可点击以显示下一个分页序列
【发布时间】：2015-09-24 22:35:12
【问题描述】：

在 jQuery DataTables 中分页控件显示如下：

1 ... 4 5 6 ... 14

我怎样才能使省略号可以点击，所以如果点击它会显示：

1 ... 7 8 9 ... 14

【问题讨论】：

标签： pagination datatables

【解决方案1】：

解决方案

使用下面的代码：

$('#example').on('init.dt draw.dt', function(e, settings){
    var api = new $.fn.dataTable.Api(settings);

   $('.dataTables_paginate span a:first + .ellipsis', api.table().container()).replaceWith(
       $('<a class="paginate_button">...</a>').on('click', function(e){ 
           api.page('previous').draw('page'); 
           e.preventDefault();
       })
   ); 

   $('.dataTables_paginate .ellipsis', api.table().container()).replaceWith(
       $('<a  class="paginate_button">...</a>').on('click', function(e){
           api.page('next').draw('page');
           e.preventDefault();
       })
   );        
});

var table = $('#example').DataTable();

example 是您的表的 ID。

演示

有关代码和演示，请参阅this jsFiddle。

【讨论】：

嗨，但在您的情况下，它与上一个或下一个按钮几乎相同。如何使它跳转到下一个序列，所以如果我在第 4 或 5 或 6 页，一旦我按下省略号，它将显示下一个序列 789，并打开第 8 页（中间的） ?
@Harts，您可以在上面的点击函数中添加该逻辑以转到所需的页码而不是previous/next，同时使用page.info()检索有关表格分页的信息。跨度>