将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作为全局标题配置。
答
您可以通过拆分网址的结尾处检测页面:
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');
}
+0
对不起,我在哪里必须准确地把这段代码?在header.php的某处或应该有一个config.php文件?我明白如何HTML的作品,但不是如此伟大的PHP虽然....我如何添加和什么条件确切?你能给我指示吗?谢谢! –
+0
对不起,这是一个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您的答复!
你需要php的条件.. – moped