набор CSS активный класс для текущего меню

Question

я пытаюсь написать функцию, чтобы установить текущие активным в меню, но мое меню имеет 2 поля нужно

класс = «ток» и класс = «ток selectedLava»

мои меню:

<nav> 
<ul class="sf-menu"> 
    <li><a href="Default.aspx">Home</a> 
     <ul> 
      <li><a href="About.aspx">Home Cinema</a></li> 
     </ul> 
    </li> 
    <li><a href="Home_Movie.aspx">Movie</a> 
     <ul> 
      <li ><a href="List_Movie.aspx">List Movie</a></li> 
      <li ><a href="abc.aspx">List</a></li> 
    </li> 

</ul><!-- end menu --> 

я имею в виду, когда я посещаю Home_Movie.aspx, это будет

 <li class="current selectedLava"><a href="Home_Movie.aspx">Movie</a> 
     <ul> 
      <li><a href="List_Movie.aspx">List Movie</a></li> 
      <li ><a href="abc.aspx">List</a></li> 
    </li> 

и когда я посещаю List_Movie.aspx, это будет

 <li class="current selectedLava"><a href="Home_Movie.aspx">Movie</a> 
     <ul> 
      <li class="current"><a href="List_Movie.aspx">List Movie</a></li> 
      <li ><a href="abc.aspx">List</a></li> 
    </li> 

легко для вас, чтобы понять:

1: http://s30.postimg.org/cx4ks87y9/image.png

2: http://s30.postimg.org/p09wfsj0h/image.png

Answer 1

Я думаю, что вы заменить ваш метод highlightActiveMenuItem:

highlightActiveMenuItem = function() { 
    var url = window.location.pathname.substr(6);  
    $('nav li a[href="' + url + '"]').parent().addClass('current'); 
    if ($('nav li a[href="' + url + '"]').parent().parent().hasClass('sf-menu')) 
    { 
     $('nav li a[href="' + url + '"]').parent().addClass('selectedLava'); 
    } 
    else 
    { 
     $('nav li a[href="' + url + '"]').parent().parent().parent().addClass('current selectedLava'); 
    } 
} 

Или использовать специальный класс для пункта меню верхнего уровня, чтобы избежать тройной parent()