更改外部HTML头活动菜单

我有一个外部引导导航栏头，我包括在每一个页面更改外部HTML头活动菜单

<?php include("header.html");?>

低于外部头的HTML文件中给出：

<body> 
<nav class="navbar navbar-inverse"> 
    <div class="container-fluid"> 
    <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> 
    </div> 
    <div class="collapse navbar-collapse" id="myNavbar"> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="homepage.php" >Home</a></li> 
     <li ><a href="aboutus.php">About Us</a></li> 
     <li><a href="#">Events</a></li> 
     <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Members<span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
      <li><a href="#">4th Year</a></li> 
      <li><a href="#">3rd Year</a></li> 
      <li><a href="#">2nd Year</a></li> 
      <li><a href="#">1st Year</a></li> 
      </ul> 
     </li> 
     <li><a href="#">Gallery</a></li> 
     </ul> 
     <ul class="nav navbar-nav navbar-right"> 
     <li id="register"><a href="register.php"><span class="glyphicon glyphicon-user"></span>Register</a></li> 
     <li><a href="#"><span class="glyphicon glyphicon-log-in"></span>Login</a></li> 
     </ul> 
    </div> 
    </div> 
</nav>

我面临的问题是改变活动菜单。我尝试了各种方式，但没有成功。如果您有任何想法请帮助。

来源

2014-10-27 Akshay Kumar

对不起，这个问题。我更新了这个问题。 – 2014-10-27 15:31:00

通过使用Jquery，你可以添加删除类 – 2014-10-27 15:41:11

我试过，但它不是永久的。由于我有单独的头文件，因此当页面打开时，该类将再次变为非活动状态 – 2014-10-27 15:50:16

您可以通过POST发送变量/ GET使用PHP和设置相应的类，或者你可以尝试使用了jQuery找出存在于每一页，并添加相应的一类特定的元素，例如

if ($('#specific-page-element-1').length) { 
    $('menuelement-1').addClass('active'); 
}

来源

2014-10-27 15:57:00 scooterlord

有什么办法可以打开header.html文件并修改类并保存它。 – 2014-10-27 16:08:47

我想不出有什么其他办法可以做到这一点，但我确信你不能用css/html做到这一点。 – scooterlord 2014-10-27 16:16:36

更改外部HTML头活动菜单

回答

相关问题