Подсветка активного пункта меню

голоса: 0

Подскажите пожалуйста, потому что сам вообще не селен в java. Надо сделать выделение пунка меню в котором нахожусь, скрипт работает, но есть проблема он выделяет не только пункт в котором я нахожусь к примеру /board/ozhidajushhie/1 но и первый пункт /board

Подскажите как исправить это?!

меню

<div class="sub-menu-inner-container video-categories">
 <a href="/board" class="sub-menu-container-item video-category">Все</a>
 <a href="/board/ozhidajushhie/1" class="sub-menu-container-item video-category ">Ожидают решения</a>
 <a href="/board/vopros_reshen/2" class="sub-menu-container-item video-category ">Вопрос решен</a>
 <a href="/board/tema_zakryta/3" class="sub-menu-container-item video-category ">Тема закрыта</a>
 </div>

сам скрипт

<script type="text/javascript">
   $(function () {                                                          // когда страница загружена
    $('.video-categories a').each(function () {           // проходим по нужным нам ссылками
        var location = window.location.href                // переменная с адресом страницы
        var link = this.href                                            // переменная с url ссылки
        var result = location.match(link);                  // результат возвращает объект если совпадение найдено и null при обратном
        if(result != null) {                                               // если НЕ равно null
            $(this).addClass('active');                           // добавляем класс
        }
    });
});
</script> 

| Автор: | Категория: JavaScript
Изменение категории | | Автор: webanet

Ответов: 1

голоса: 0
 
Лучший ответ

В данной ситуации можно использовать скрипт проще:

<script type="text/javascript">
$(document).ready(function(){
 var url=document.location.href;
 $.each($(".video-categories a"),function(e){
if(url==this.href){$(this).addClass('act');};
});
});
</script>
выделил красным, этот класс добавляем к активному пункту меню. К нему напишите стили какие вам нужно чтобы пункт выделялся.
| Автор:
Выбор ответа лучшим | | Автор: NanoBeast
Спасибо, работает.
...