我创建了分页,并且显示了所有页码。有时会破坏布局。我想把它分解。 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>
最佳答案
我还使用下面的参考实现了分页。使用bootstrap可以轻松实现。
请访问此链接
https://www.jqueryscript.net/other/Simple-Pagination-Plugin-For-jQuery-and-Bootstrap-Simple-Pagination.html
关于javascript - javascript分页创建,显示第一个和第10个数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52196521/