javascript - javascript分页创建，显示第一个和第10个数字

Question

我创建了分页，并且显示了所有页码。有时会破坏布局。我想把它分解。 10页码将显示如下。请在代码上建议我如何实现。

<<first <previous 1 2 3 4 5 6 7 8 9 10 next> last>>

为了显示所有页码，我应用了以下代码

var items = [];
var paginationRow = 10;
var maxPage = 77;
for (var page = 1; page <= maxPage; page++) {
  var html = "";
  if (page % paginationRow == 1) {
    html += '<ul class="pagination pagination-sm">';
  }
  html += '<li class="page-item">';
  html += '<a class="page-link" href="#" onclick="loadPageParam(' + page + ')">' + page + '</a>';
  html += '</li>';
  if (page % paginationRow == 0) {
    html += '</ul>';
  }
  items.push(html);
};
$('<div/>', {
  'class': '',
  html: items.join('')
}).appendTo('#pagination');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

我还使用下面的参考实现了分页。使用bootstrap可以轻松实现。

请访问此链接

https://www.jqueryscript.net/other/Simple-Pagination-Plugin-For-jQuery-and-Bootstrap-Simple-Pagination.html