添加活動類菜單不起作用

我正在嘗試active菜單和子菜單中的哪一個處於活動狀態。如果一個子菜單是active，主要的也應該是active。添加活動類菜單不起作用

<div id="navbar" class="navbar-collapse collapse"> 
    <ul id="top-menu" class="nav navbar-nav navbar-right main-nav"> 
     <li class="active"><a href="index.php">HOME</a></li> 
     <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">LEARNING CURVE<span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
       <li><a href="about-us.php">ABOUT US</a></li> 
       <li><a href="content-development-program.php">CONTENT DEVELOPMENT PROGRAM</a></li> 
      </ul> 
     </li> 
     <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">SKILL UP<span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
       <li><a href="courses.php">ONLINE COURSES</a></li> 
       <li><a href="skill_test.php">SKILL TEST</a></li> 
       <li><a href="jobs.php">JOBS</a></li> 
      </ul> 
     </li> 
</div>

我把腳本放在一個js文件中，並將其命名爲active.js。

這是js代碼：

$(function() { 
    var pgurl = window.location.href.substr(window.location.href 
    .lastIndexOf("/")+1); 
    $("navbar ul a").each(function(){ 
     if($(this).attr("href") == pgurl || $(this).attr("href") == '') 
     $(this).addClass("active"); 
    }) 
});[![menu menu bare home is active now manually][1]][1]

來源

2016-11-20 Mr world wide

$(this).addClass("active");僅適用於僅適用子菜單。你也想要應用子菜單類。用戶父級元素類

來源

2016-11-20 05:21:01 Jayakumar

for both子菜單和父級 –

Bootstrap版本?? – Jayakumar

版本2 ..！爲什麼這有什麼區別..？ @Jayakumar –

添加活動類菜單不起作用

回答

相關問題