DARTHARTH

Подсветка активного элемента меню

Порой устанавливаемые плагины меню для различных CMS не имеют такой простой вещи, как подсветка активного пункта меню. После долгих и нудных похождений по гуглу на одном из ресурсов нашел данный код, который поможет исправить эту ситуацию

$(function () {
    var location = window.location.href;
  
    $('.menu li').each(function () {
        var link = $(this).find('a').attr('href');
  
        if (location.indexOf(link) !== -1)
        {
            $(this).addClass('current');
        }
    });
});

где «.menu» класс нашего списка <ul> меню, а «current» добавляемый класс для активного элемента списка <li>. Таким образом можно в дальнейшем по имеющемуся классу задать необходимые стили.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Scroll Up