javascript - 无法更改事件分页按钮，因为它使用 php 刷新

Question

我试图在单击它时更改事件分页按钮，但它会刷新并保持与刷新后获取数据相同。这是代码:

<?php
    for ($page=1;$page<=$number_of_pages;$page++) {
    ?>
        <li class="page-item"><a class="page-link" href="view_videos.php?page=<?php echo $page;?>"><?php echo $page; ?></a></li>               
    <?php  
    }
?>

我将获得以下网址:

domain.com/hello.php?page=1
domain.com/hello.php?page=2

当我点击第二个按钮时，url 更改为 domain.com/hello.php?page=2 然后我想将第二个按钮的背景颜色更改为事件状态，但由于页面刷新，它没有变为事件状态。

这是我的导航栏截图

Answer 1

非常简单:

像这样获取page_id:

$page_id = isset($_GET['page']) ? $_GET['page'] : false;

现在你有当前页面的编号

然后在循环中，您可以像这样进行另一次检查:

<li class="page-item<?php echo ($page_id == $page) ? ' my-background' : '' ?>"><a class="page-link" href="view_videos.php?page=<?php echo $page;?>"><?php echo $page; ?></a></li>

然后你可以在你的 .css-file 中这样做:

.my-background {
    background-color: #FF0000; /* Maybe add "!important" if necessary */
}