更改外部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頭活動菜單

回答

相關問題