無法在使用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

當我點擊第二個按鈕時，網址會更改為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執行此.css-file ：

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

Answer 2

您必須在頁面加載后從URL獲取頁碼，並針對每個頁面指示符進行檢查以查看它是否為活動頁面。 然后你可以添加一個active的類，並在CSS中添加樣式。

所以你可以嘗試這個：

<?php
    for ($page = 1; $page <= $number_of_pages; $page++) { 
        if ($page === $_GET["page"]) {
            $active = " active";
        } else {
            $active = "";
        }
    ?>
        <li class="page-item">
            <a class="page-link <?= $active ?>" href="view_videos.php?page=<?= $page ?>"><?= $page ?></a>
        </li>
    <?php
    }
?>

注意： <?= $foo ?>與<?php echo $foo ?> 手冊相同