我的分页总是在所有页面处于活动状态时加载。我似乎无法为其他页面删除 class="active" ,所以现在用户无法判断他在哪个页面上。
<div class="pagination pagination-centered">
<ul id="pag">
{% for res in pagecount.items %}
<li class="active">
<a class="active" href="javascript:handler_next_page({{ res.1 }})">{{ res.0 }}</a>
</li>
{% endfor %}
</ul>
</div>
我试图使用这段代码,但它把它们都去掉了(removeclass 不起作用)
$(document).ready(function() {
$items = $('#pag li.item'); // all the items
$items.click(function () {
$items.removeClass('selected'); // remove class from everything
$(this).addClass('selected'); // add class to clicked item
$('#pag li').children('ul').slideUp('slow');
$(this).siblings('ul').slideDown('slow');
});
});
我也试过这个,但没有成功Bootstrap Pagination 中的禁用链接
$('.pagination .disabled a, .pagination .active a').on('click', function(e) {
e.preventDefault();
});
我知道有很多这样的例子,但如果有人能告诉我如何做到这一点,我将不胜感激。