将header.php中的菜单添加到活动菜单

我试图在用户访问页面时为菜单添加class=active。将header.php中的菜单添加到活动菜单

我有我的菜单此代码：

<!-- main nav --> 
<div class="header-nav navbar-collapse collapse"> 
    <ul class="nav navbar-nav"> 
     <li class="active"><a href="studenti.php">Acasa<i 
       class="fa fa-chevron-down"></i></a> 

     </li> 
     <li><a href="noutati.php">Anunturi si Noutati<i 
       class="fa fa-chevron-down"></i></a> 

     </li> 
     <li><a href="burse.php">Burse<i class="fa fa-chevron-down"></i></a> 

     </li> 
     <li><a href="orar.php">Orar<i class="fa fa-chevron-down"></i></a> 

     </li> 
     <li><a href="cazari.php">Cazari<i class="fa fa-chevron-down"></i></a> 

     </li> 

     <li><a href="javascript:;">Acces <i class="fa fa-chevron-down"></i></a> 
      <ul class="sub-menu"> 
       <li><a href="#">Traiectorie scolara</a></li> 
       <li><a href="#">IDFR</a></li> 
      </ul> 
     </li> 
    </ul> 
</div>

什么是我需要的，以便有当页面被访问时，可以高亮显示为活动的链接菜单/页做的设置？

我使用header.php作为全局标题配置。

来源

2017-09-10 Andrei Fechete

你需要php的条件.. – moped

您可以通过拆分网址的结尾处检测页面：

var url = window.location; 
var page = url.split('/'); 
page = page.slice(-1).pop();

然后，只需检测条件如

if(page == 'burse.php') { 
    $('.active').removeClass('active'); 
    $('nav li:nth-child(3)').addClass('active'); 
}

来源

2017-09-10 10:50:26 Arkay

对不起，我在哪里必须准确地把这段代码？在header.php的某处或应该有一个config.php文件？我明白如何HTML的作品，但不是如此伟大的PHP虽然....我如何添加和什么条件确切？你能给我指示吗？谢谢！ –

对不起，这是一个jQuery的/ JavaScript的解决方案，所以把它放在脚本标签内的html文件的头部 – Arkay

我想这和它`工作

<?php 
function active($currect_page){ 
    $url_array = explode('/', $_SERVER['REQUEST_URI']) ; 
    $url = end($url_array); 
    if($currect_page == $url){ 
    echo 'active'; //class name in css 
} 
} 
?> 
    <div class="header-nav navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
     <li class="class="<?php active('studenti.php');?>><a href="studenti.php">Acasa<i class="fa fa-chevron-down"></i></a> 

         </li> 
         <li class="<?php active('noutati.php');?>"> <a href="noutati.php">Anunturi si Noutati<i class="fa fa-chevron-down"></i></a> 

         </li> 
         <li class="<?php active('burse.php');?>"> <a href="burse.php">Burse<i class="fa fa-chevron-down"></i></a> 

         </li> 
         <li class="<?php active('orar.php');?>"> <a href="orar.php">Orar<i class="fa fa-chevron-down"></i></a> 

         </li> 
         <li class="<?php active('cazari.php');?>"> <a href="cazari.php">Cazari<i class="fa fa-chevron-down"></i></a> 

         </li>

Thank`s您的答复！

来源

2017-09-10 12:39:11

将header.php中的菜单添加到活动菜单

回答

相关问题