使用PHP在我的导航中设置我的活动类

时间:2013-09-19 21:29:21

标签: php

您好我想知道如何在我的标题中使用PHP,以便在我的类处于正确的页面时激活它。

例如在我的index.php上 我在顶部有这个

<?php 
$page = 'Home';
include("header.php");
?>

然后这是我的导航

           <nav>
                <ul>
                    <li><a class="active" href="index">Home</a></li> 
                    <li class="rightside"><a href="projects">Projects</a></li>
                    <li class="rightside"><a href="about_us">About</a></li>
                    <li class="rightside"><a href="blog">Blog</a>
                    <li class="rightside"><a href="contact">Contact</a>

                </ul>
            </nav>

我希望在适当的页面上激活课程,如果这有意义的话。谢谢,我的PhP知识很少。

2 个答案:

答案 0 :(得分:1)

这是一个可以在线使用的简写if语句

<?php echo ($page == 'Home' ? 'active':'');?>

见下文

            <nav>
               <ul>
                    <li><a class="<?php echo ($page == 'Home' ? 'active':'');?>" href="index">Home</a></li> 
                    <li class="rightside"><a class="<?php echo ($page == 'Projects' ? 'active':'');?>" href="projects">Projects</a></li>
                    <li class="rightside"><a class="<?php echo ($page == 'About_us' ? 'active':'');?>" href="about_us">About</a></li>
                    <li class="rightside"><a class="<?php echo ($page == 'Blog' ? 'active':'');?>" href="blog">Blog</a>
                    <li class="rightside"><a class="<?php echo ($page == 'Contact' ? 'active':'');?>" href="contact">Contact</a>

                </ul>
            </nav>

我个人使用了一个jquery函数,每次都需要声明页面类型

的jQuery

$(function () {
  var url = window.location.href.substr(window.location.href.lastIndexOf("/") + 1);
  $('[href$="'+url+'"]').parent().addClass("active");
});

答案 1 :(得分:0)

如果你总是在标题包含之前声明$ page,那么你可以使用if语句。 举个例子:

<nav>
        <ul>
                <li><a class="<?php echo ($page == 'Home') ? 'active' : 'rightside'; ?>" href="index">Home</a></li> 
               <!-- same for your other list elements -->
        </ul>
</nav>