ページングのブートストラップに現在アクティブな状態を追加する方法

Question

ページングのブートストラップに現在アクティブな状態を追加するにはどうすればよいですか？

私のコード

... 
<?php for ($page=1; $page <= $total_pages ; $page++):?> 
    <li class="page-item"> 
     <a href='<?php echo "?page=$page"; ?>' class="links"><?php echo $page; ?></a> 
    </li> 
<?php endfor; ?> 
... 

Answer 1

はliにクラスactiveを追加します。

例

<ul class="pagination"> 
    <li><a href="#">1</a></li> 
    <li class="active"><a href="#">2</a></li> 
    <li><a href="#">3</a></li> 
    <li><a href="#">4</a></li> 
    <li><a href="#">5</a></li> 
</ul> 

Answer 2

<script> 
    var url = window.location; 
// Will only work if string in href matches with location 
$('ul.pagination a[href="'+ url +'"]').parent().addClass('active'); 

// Will also work for relative and absolute hrefs 
$('ul.pagination a').filter(function() { 
    return this.href == url; 
}).parent().addClass('active'); 
</script>