У меня есть нумерация страниц, как показано здесь https://jsfiddle.net/solodev/yw7y4wez/
Я хочу, чтобы какая-то страница была выбрана или выделена по умолчанию (предположим, страница 8)
Я пробовал следующий код, но он не работает
page = '@Model.CurrentPageIndex';
$('.page-active').removeClass('page-active');
$('#page' + page).addClass('page-active');
где '@Model.CurrentPageIndex' содержит номер страницы. (например, 8)
о, этот трюк сработал ;)
Попробуйте ниже:
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');
}
});
Попробуйте следовать,
page = '@Model.CurrentPageIndex';
$('#pagination-demo').twbsPagination('show', page);
Пагинация позволяет установить стартовую страницу. У вас есть это в вашем примере 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',
});
Когда вы используете этот плагин, вероятно, лучше использовать его функции, а не добавлять свои собственные функции сверху. Таким образом, он гарантирует, что другие функции, такие как «предыдущий» и «последний», по-прежнему работают.
вы можете изменить
startPage
вариант