php - 如何在公共(public) header 中使用类="active"？

Question

代码:header.php

<?php 
    $page = basename($_SERVER['PHP_SELF']);
    echo $page;
?>
<div class="nav-links"> 
    <nav class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>                        
                </button>
                <a class="navbar-brand" href="index.php"><img src="images/logo.png" class="img-responsive"></a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav link-effect">
                    <li><a href="index.php" <?php if($page == 'index.php'){ echo 'class="active"';}?>>Home</a></li>
                    <li><a href="about.php" <?php if($page == 'about.php'){ echo 'class="active"';}?>>About</a></li>
                    <li><a href="services.php" <?php if($page == 'services.php'){ echo 'class="active"';}?>>Services</a></li>
                    <li><a href="portfolio.php" <?php if($page == 'portfolio.php'){ echo 'class="active"';}?>>Portfolio</a></li>
                    <li><a href="career.php" <?php if($page == 'career.php'){ echo 'class="active"';}?>>Career</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </div>
        </div>
    </nav>
</div>

index.php

<?php include('header.php'); ?>

在这段代码中，我创建了一个公共(public)头文件，它包含在所有文件中。现在，我想使用 class="active" 来知道哪个菜单处于事件状态。如果我使用 class="active" 那么只有一个菜单对所有文件都是事件的。那么，我该如何消除这个问题呢？请帮助我。

谢谢

Answer 1

你的代码完全没问题。在顶部的“header.php”文件中，通过以下方式获取当前页面名称:

$page = basename($_SERVER['PHP_SELF']);

通过此您将获得当前当前页面名称。

然后改变这个

<ul class="nav navbar-nav link-effect">
  <li><a href="index.php" <?php if($page == 'one'){ echo ' class="active"';}?>>Home</a></li>
  <li><a href="about.php" <?php if($page == 'two'){ echo ' class="active"';}?>>About</a></li>
  <li><a href="services.php" <?php if($page == 'three'){ echo ' class="active"';}?>>Services</a></li>
  <li><a href="portfolio.php" <?php if($page == 'four'){ echo ' class="active"';}?>>Portfolio</a></li>
  <li><a href="career.php" <?php if($page == 'five'){ echo ' class="active"';}?>>Career</a></li>
  <li><a href="#contact">Contact</a></li>
</ul>

到此

<ul class="nav navbar-nav link-effect">
   <li class="<?php if($page == 'index.php'){ echo ' active"';}?>"><a href="index.php" >Home</a></li>
   <li class="<?php if($page == 'about.php'){ echo ' active';}?>"><a href="about.php" >About</a></li>
   .... 

</ul>

UPDATE:

You are trying to add 'active' inside anchor tag. You need to add active inside list tag.