пятница, 11 июля 2014 г.

Стиль активной ссылки на jQuery

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


$(function () {
    $('.link a').each(function () {
        var location = window.location.href;
        var link = this.href;
        if(location == link) {
            $(this).addClass('current');
        }
    });
});

Где current, это стиль, который добавится к стилю link.
Например:
.link {
color:black;
}
.current {
color:red !important;
}
После выполнения скрипта цвет текста активной ссылки поменяется с черного на красный.

Комментариев нет:

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