如何让我的分页按钮处于活动状态?

时间:2018-05-24 13:31:02

标签: javascript php html css

所以,我有一个分页导航,我希望它的按钮在用户或该页面上处于活动状态。 我的分页代码

<?php if ($totalPages > 1) { ?>
<ul class="pagination justify-content-center mb-4">
    <li class="page-item">
        <?php echo "<a class='page-link' href='index.php?page=1'>First page</a>"?>
    </li>
    <?php
        for ($i=2; $i < $totalPages; $i++){
            echo "<a class='page-link' href='index.php?page=".$i."'>".$i."</a>";
        }

    ?>
    <li class="page-item ">
        <?php echo "<a class='page-link' href='index.php?page=$totalPages'>Last page</a>"?>
    </li>
</ul>
<?php } else { ?>

3 个答案:

答案 0 :(得分:0)

如果您传递的是这样的集合:

$data = Model::paginate(10);

然后,在您的视图中,您可以使用以下内容在Laravel中创建数字和自动active类的分页。

{{ $data->links() }}

您可以从控制器传递变量,如:

$active = true;

并且在您看来,您可以执行以下操作:

<a href="somelocation" class="{{ @if($active) acctive @endif }}"> #Link </a>

答案 1 :(得分:0)

在显示分页链接之前,请检查该页面否和当前页面否相同。如果它是相同的,那么将class激活为。例如:

for ($i=2; $i < $totalPages; $i++){
    if ($i == $currentPageNo) {
        echo "<a class='page-link active' href='index.php?page=".$i."'>".$i."</a>";
    } else {
        echo "<a class='page-link' href='index.php?page=".$i."'>".$i."</a>";
    }
}

答案 2 :(得分:0)

 for ($i=2; $i < $totalPages; $i++){
       echo "<a class='page-link ".($i == $currentPageNo ? "active"  : "" ). "' href='index.php?page=".$i."'>".$i."</a>";  }

试试这个