Главное меню активным сделать

@Mik123 · Регистрация: 08.03.2014

Студворк — интернет-сервис помощи студентам

Приветствую.
Может кто подсказать как сделать на jquery следующее - чтобы пункт меню был выделенным пока пользователь находится в нем.
У меня реализовано так:

JavaScript
1
2
3
4
<script>
      $(function() {var link = window.location.pathname;
      $('#navi a[href="'+link+'"]').addClass('current');})
</script>

И вроде бы работает, но до тех пор, пока не появится ссыль типа guest/new&page=3.
Тогда выделенность меню пропадает и класс CURRENT исчезает.
А хотелось бы чтобы все время была эта выделенность.

@Заглянувший · 10.03.2014, 08:34

location.pathname не включает ни параметры запроса (location.search), ни якорь (location.hash).
Попробуйте так:

JavaScript
1
2
3
4
5
6
$('#navi a').each(function() {
    var linkURL=location.protocol+'//'+location.host+'/'+$(this).attr('href');
    if (linkURL == window.location.href) {
        $(this).addClass('current');
    };
});

@Mik123 · 10.03.2014, 09:05 **[ТС]**

Почему-то так совсем не работает. Вот приведу код меню.

HTML5
1
2
3
4
5
6
7
8
9
 <div id="navi">
        <a href="/" class="anavi1">Главная</a>
        <a href="/nashi" class="anavi4">Наши работы</a>
        <a href="/album" class="anavi3">Фотоальбом</a>
        <a href="/metod" class="anavi2">Методические<br> разработки</a>
        <a href="/dostizh" class="anavi1">Достижения</a>
        <a href="/guest" class="anavi4">Гостевая</a>
      <div style="clear:both"></div>
 </div>

Код, который я привел в первом посте, работает только в рамках данных ссылок...Если же появляются дополнительные подссылки, то меню уже не выделяется. Т.е. ссылка '/nashi' будет принимать класс current, а '/nashi/main' - уже не принимает...jquery 1.9.1 у меня стоит.

@Заглянувший · 10.03.2014, 09:09

JavaScript
1
2
3
4
5
6
$('#navi a').each(function() {
    var linkURL=location.protocol+'//'+location.host+$(this).attr('href');
    if (linkURL == window.location.href) {
        $(this).addClass('current');
    };
});

@Mik123 · 10.03.2014, 09:22 **[ТС]**

И так не хочет работать...Не разбираюсь я в jq. Беда...
А за помощь спасибо...
Может беда в том что у меня ЧПУ...И эта ссыль /nashi на самом деле равна ссыли /nashi/main.
И так везде.

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@Mik123 0 / 0 / 0 Регистрация: 08.03.2014 Сообщений: 11
	10.03.2014, 09:22 [ТС]
	И так не хочет работать...Не разбираюсь я в jq. Беда... А за помощь спасибо... Может беда в том что у меня ЧПУ...И эта ссыль /nashi на самом деле равна ссыли /nashi/main. И так везде. 0