页面加载时，所有分页链接都处于活动状态

Question

我的分页总是在所有页面都处于活动状态时加载。 我似乎无法删除其他页面的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 doesnt work）

     $(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');  
         });
     });

我也试过这个，没有成功Disabled link in Bootstrap Pagination

    $('.pagination .disabled a, .pagination .active a').on('click', function(e) {
e.preventDefault();
    });

我知道有很多这方面的例子，虽然如果有人可以告诉我如何做到这一点我会感激。