Активные вкладки sidebar-nav?

Question

У меня есть sidebar-nav, у которого есть несколько вкладок. Как я могу сделать текущую вкладку просмотренной пользователями активными/выделенными? Я пробовал активный класс, но он, казалось, постоянно активировал одну вкладку! любая помощь будет принята с благодарностью

Вот мое мнение:

<div id="wrapper"> 
    <div id="sidebar-wrapper"> 
     <ul class="sidebar-nav"> 
      <li class="sidebar-brand"> 
       <a href="/ci/index.php/adel_ctl/member"> KU Faculty</a> 
      </li> 
      <li> 
       <hr style='margin-top:2px; color:#000;margin-right:30px;'> 
      </li> 
      <li> 
       <a href="/ci/index.php/adel_ctl/profile/<?=$id?>">My Profile</a> 
      </li> 
      <li> 
       <a href="/ci/index.php/adel_ctl/research/<?=$id?>">Reseasrch</a> 
      </li> 
      <li> 
       <a href="/ci/index.php/adel_ctl/teaching/<?=$id?>">Teaching</a></li> 
      </li> 
      <li> 
       <a href="/ci/index.php/adel_ctl/experience/<?=$id?>">Experience</a></li> 
      </li> 
      <li> 
       <a href="/ci/index.php/adel_ctl/publications/<?=$id?>">Publications</a> 
      </li> 
      <li> 
       <a href="/ci/index.php/adel_ctl/resume/<?=$id?>">Resume</a> 
      </li> 
      <li> 
       <a href="/ci/index.php/adel_ctl/about/<?=$id?>">About us</a> 
      </li> 
     </ul> 
    </div> 

Answer 1

Вы можете попытаться соответствовать Путь URL с JQuery и добавить «активный» класс к нему с:

$(function(){ 
    var this_url = window.location.pathname; 
    var list_sidebar_link = $(".sidebar-nav li a"); 
    $(list_sidebar_link).each(function (i, item) { 
     var the_a = list_sidebar_link[i]; 
     if (this_url == $(the_a).attr('href')) { 
      $(the_a).addClass('active'); 
     } 
    }); 
});