снова про выделение активных пунктов
перелапатил кучу страниц, в т.ч. на этом сайте. все выделают сам тег <a>, а мне надо <li>, в котором ссылка находится. вот рабочий вариант
$(function () { // когда страница загружена
$('.sf-menu 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('current'); // добавляем класс
}
});
});
но надо чтобы выделялось так <li class="current"> |
Цитата:
|
спасибо. только, почему-то, с главной current не удаляется.
только сейчас заметил, когда стили стали отображаться нормально. |
yozuul,
так неназначайте изначально или удалите принудительно |
дак я и не назначаю. при загрузке главной страницы сюда
<li><a href="/">Главная</a></li> тег добавляется через скрипт. но при переходе дальше, он не удаляется, как это происходит с другими разделами. |
$(function () { // когда страница загружена
$('.sf-menu a').each(function () { // проходим по нужным нам ссылками
var location = window.location.href // переменная с адресом страницы
var link = this.href // переменная с url ссылки
var result = location.match(link); // результат возвращает объект если совпадение найдено и null при обратном
if(result != null) { // если НЕ равно null
$(this).parent().addClass('current'); // добавляем класс
} else {
$(this).parent().removeClass('current'); // удаляем класс
}
});
});
|
не работает. всё равно на главной висит current
|
Правильно, что висит, тк в коде выше главная всегда будет частью какой либо страницы)
Попробуйте так
$(function () {
$('.sf-menu a').each(function () {
var location = window.loсation.pathname,
link = this.pathname;
$(this).parent().toggleClass('current', location == link);
});
});
|
нет. так вообще не работает.
ну да, видимо условие неверно обрабатывается. |
Цитата:
|
| Часовой пояс GMT +3, время: 16:32. |