Question

我有一个分页，如此处https://jsfiddle.net/solodev/yw7y4wez/

我想默认选择某些页面或将其突出显示（假设第8页）

我尝试了以下代码，但没有用

page = '@Model.CurrentPageIndex';
$('.page-active').removeClass('page-active');
$('#page' + page).addClass('page-active');

其中“ @ Model.CurrentPageIndex”包含页码。（例如8）

Answer 1

尝试以下方法：

var page = '@Model.CurrentPageIndex';
$('.page-active').removeClass('page-active');

$('ul.pagination li a.page-link').each(function(index) {
    if (Number($(this).html()) === Number(page)) {
     $(this).closest('li').addClass('page-active');
    }
});

Answer 2

尝试关注，

page = '@Model.CurrentPageIndex';
$('#pagination-demo').twbsPagination('show', page);

Answer 3

分页允许您设置起始页。您可以在jsfiddle示例中找到它。

$('#pagination-demo').twbsPagination({
totalPages: 5,
// the current page that show on start
startPage: 2, //THIS IS THE LINE THAT CHANGES START PAGE

// maximum visible pages
visiblePages: 5,

initiateStartPageClick: true,

// template for pagination links
href: false,

// variable name in href template for page number
hrefVariable: '{{number}}',

// Text labels
first: 'First',
prev: 'Previous',
next: 'Next',
last: 'Last',

// carousel-style pagination
loop: false,

// callback function
onPageClick: function (event, page) {
    $('.page-active').removeClass('page-active');
  $('#page'+page).addClass('page-active');
},

// pagination Classes
paginationClass: 'pagination',
nextClass: 'next',
prevClass: 'prev',
lastClass: 'last',
firstClass: 'first',
pageClass: 'page',
activeClass: 'active',
disabledClass: 'disabled',

});

使用此插件时，最好使用其功能，而不是在顶部添加自己的功能。这样，可以确保其他功能（例如“上一个”和“最后一个”）仍然有效。

默认情况下如何获取特定页面？

3 个答案: