Описание

Давайте напишем небольшой скрипт, который будет выделать определённый пункт в меню.
Данный скрипт реализован на нашем сайте, поэтому вот Вам и демо сразу.

Убедитесь, что на странице подключена библиотека Jquery. Если нет, то скачайте её с официального сайта jquery.com.
Напишем сам скрипт.

<script>
 
$(function(){
    
    var url = window.location.href; //берём полный путь из адресной строки
    
    //перебираем все ссылки из меню
    $(".menu a").each(function() {
        path = $(this).attr("href");
        if(path !== "/"){ //если это НЕ главная, то...
            if(url.indexOf(path) + 1) { //если есть совпадение
                $(this).addClass('menu_active'); //подключаем класс menu_active нашей ссылке
            }
        }
    })
    
})
 
</script>
Теперь наш пункт меню будет выделен, даже если посетитель находится на 3-100... уровне или подкаталоге.
 
У кого возникли вопросы, пишите.

Комментарии 5

  1. 0

    evgennova

    и мне пригодится, хотя у меня уже есть свой, но не все уровни "ловит", у меня - не работает.

    мой код:
    $(document).ready(function(){
$('#menu a').each(function () {
        var location = window.location.href;
       var link = this.href; 
        if(location == link) {
            $(this).parents('li').addClass('active');
        }
    });
});
    18.12.2015 22:13
    1. 0

      Kylaksizov

      Напишите мне в личку Ваш скайп, обязательно помогу для Вашего случая, так как этот скрипт не для каждого случая.
      18.12.2015 22:22
      1. 0

        evgennova

        Данный скрипт мне не подойдет т.к. у меня все уровни (_dir) "ловит", а вот уже когда входишь на страницу товара скрипт не работает... тугой движок, много писать и исправлять, лень..... :-)

        P.S. давно не был на вашем сайте - очень приятно и удобно работать, цвета не раздражают, все просто (но нужно привыкнуть ибо не так как у всех) :-)
        18.12.2015 22:30
  2. 0

    grifosh

    И мне пригодится ;)
    16.01.2015 13:34
  3. 0

    Master

    Спасибо, как раз искал такой скрипт. Потому что на других сайтах, не так работают как мне нужно.
    9.01.2015 13:35
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Похожие товары