Как добавить класс главному пункту меню?

Как подсветить пункт меню, если совпадает с url страницы? Этот код работает только при нажатии на родительский элемент. А как сделать чтоб при нахождении в подменю добавить класс родителю?

<ul id="nav">
       <li class="current-menu-item"><a href="index.html">Home</a></li>    
<ul class="submenu">
             <li class="submenu-menu-item"><a href="page-full.html">full</a></li>
             <li class="submenu-menu-item"><a href="page-features.html">featurs</a></li>
             <li class="submenu-menu-item"><a href="page-typography.html">typography</a></li>
          </ul>
       <li class="current-menu-item"><a href="page.html">menu-2</a>
          <ul class="submenu">
             <li class="submenu-menu-item"><a href="page-full.html">full</a></li>
             <li class="submenu-menu-item"><a href="page-features.html">featurs</a></li>
             <li class="submenu-menu-item"><a href="page-typography.html">typography</a></li>
          </ul>
       </li>
</ul>

$(function() {
  var pathname_url = window.location.pathname;
  var href_url = window.location.href;

  $("#nav li").each(function() {
    var link = $(this).find("a").attr("href");
    if (pathname_url == link || href_url == link) {
      $(this).addClass("active");
    }
  });
});
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 1
ib0123456789
@ib0123456789
Parse error: syntax error, unexpected ';'
$(this).addClass("active").closest('.current-menu-item').addClass('active');


https://jsfiddle.net/mfLv8tcd/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы