javascript - 为什么我的 .pagination li add active 对第 1 页不起作用？

Question

我的第 1 页的分页未激活。但是，它对其他页面确实有效。

不知道哪里出了问题。

也不太明白为什么 $i+1 有效。当 $page == $i 不起作用时，我只是碰碰运气。

这是我的第 1 页，它似乎不起作用

这是我的第 2 页，运行良好。其他页面也一样。只有第 1 页无法正常工作

当我尝试if ($page == $i+1 || $page == 1)时。

$page = isset($_GET["page"]) ? $_GET["page"] : 1;
echo"<div align='center'>  
        <ul class='pagination'>";
        $activeOrNotClass = "";
        for ($i = 1; $i < count($productArr[$catCode]) / 4 + 1; $i++) {

            echo"<li class='$activeOrNotClass'><a href='collectionPage.php?cat={$catCode}&page={$i}'> {$i}</a></li>
         ";
            echo"page:$page"; // i used to check my page value
            echo"i = $i"; // i used to check my $i value
            if ($page == $i+1){ 
            $activeOrNotClass = "active";}else{
                    $activeOrNotClass = "";
                }
            }

        echo"<li><a href='collectionSummary.php?cat={$catCode}'>view all</a></li>";

        echo"</ul>
        </div>";

Answer 1

在设置 $activeOrNotClass 之前，您正在回显链接/li ，这就是它不适用于 页面的原因=1。您需要交换代码的顺序，并使用 $page == $i

    for ($i = 1; $i < count($productArr[$catCode]) / 4 + 1; $i++) {
        if ($page == $i){ 
            $activeOrNotClass = "active";
        } else{
            $activeOrNotClass = "";
        }
        echo"<li class='$activeOrNotClass'><a href='collectionPage.php?cat={$catCode}&page={$i}'> {$i}</a></li>";
        }