Наша группа по DLE в Telegram Любой товар на сайте можно получить бесплатно

Активный пункт меню на Jquery


Как выделить определённый пункт меню, если посетитель находиться в этом разделе.
  • Описание
  • Скриншоты
  • Обновления
  • Теги
  • ?
  • Комментарии 5
Давайте напишем небольшой скрипт, который будет выделать определённый пункт в меню.
Данный скрипт реализован на нашем сайте, поэтому вот Вам и демо сразу.

Убедитесь, что на странице подключена библиотека 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... уровне или подкаталоге.
 
У кого возникли вопросы, пишите.

Добавить комментарий
  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 декабря 2015 22:13 Ответить
    1. 0

      Kylaksizov

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

        evgennova

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

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

    grifosh

    И мне пригодится ;)
    16 января 2015 13:34 Ответить
  3. 0

    Master

    Спасибо, как раз искал такой скрипт. Потому что на других сайтах, не так работают как мне нужно.
    9 января 2015 13:35 Ответить

Оставить комментарий

В корзине: 0 шт.

на сумму: 0

Всего: 0

Оформить заказ Очистить корзину