Question

我有四个php页面，homepage.inc.php，about.inc.php，contact.inc.php和heres my index.php

<div id="menu">
    <nav>
        <a id="home" target="_self" href="index.php">Home</a>
        <a id="about" target="_self" href="index.php?p=about">About us</a>
        <a id="contact" target="_self" href="index.php?p=contact">Contact</a>
    </nav>
</div>

<div id="content">
    <?php
    $pages_dir = 'pages';
    if (!empty($_GET['p'])) {
        $pages = scandir($pages_dir, 0);
        unset($pages[0], $pages[1]);
        $p=$_GET['p'];


        if(in_array($p.'.inc.php', $pages)){
            include($pages_dir.'/'.$p.'.inc.php');


        }else {
         echo 'Sorry, page not found.';
        }
    }else{
        include($pages_dir.'/home.inc.php');
        }
    ?>

</div>

这是我的css活跃{background：gray;} 我想在菜单上添加一个活动类。怎么样？

Answer 1

您可以这样做：

<a id="contact" target="_self" href="index.php?p=contact" <?php if ($_GET['p'] == "contact") {
    echo  'class="active"';
    } ?> >Contact</a>

或者使用简写PHP（使代码看起来更干净）

<a id="contact" target="_self" href="index.php?p=contact"<? (($_GET['p']=="contact") ? 'class="active"' : '') ?>>Contact</a>

或者您可以在JQuery中使用一些JavaScript：

<script>
$('#<?php echo $_GET['p'] ?>').addClass('active');
</script>

Answer 2

更改您的代码，如下所示 “＆GT;首页 “＆gt;关于我们 “＆GT;接触

<?php
$homeCls = '';
$aboutCls = '';
$contactCls= '';
    $pages_dir = 'pages';
    if (!empty($_GET['p'])) {
        $pages = scandir($pages_dir, 0);
        unset($pages[0], $pages[1]);
        $p=$_GET['p'];

       if($p == '') {
     $homeCls = 'active';
       } else if($p == 'about'){
         $aboutCls = 'active';
       } else if($p == 'contact'){
         $contactCls= 'active';
       }
        if(in_array($p.'.inc.php', $pages)){
            include($pages_dir.'/'.$p.'.inc.php');


        }else {
         echo 'Sorry, page not found.';
        }
    }else{
        include($pages_dir.'/home.inc.php');
        }
    ?>

我有我的动态页面，如何在当前页面上添加活动类？

2 个答案: