С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 08.03.2014
Сообщений: 11

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

08.03.2014, 22:30. Показов 675. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Приветствую.
Может кто подсказать как сделать на 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 исчезает.
А хотелось бы чтобы все время была эта выделенность.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
08.03.2014, 22:30
Ответы с готовыми решениями:

Как сделать активным пункт меню в выпадающем списке при клике на ссылку в теле странице?
Добрый день, Уважаемые форумчане! Перерыл весь интернет, но ответа на свой вопрос не нашел. Вообщем: Есть всплывающая пошаговая форма...

меню свойство только к активным пунктам .click
если у меня меню, в котором я хочу нажимать кнопки, но чтобы активная была только та, на которую я последнюю нажал, ну чтобы свойства...

Сделать активным определенный слайд
Как сделать определенный слайд активным в swiper? Сама ссылка выглядит так: &lt;a...

4
85 / 43 / 27
Регистрация: 07.07.2013
Сообщений: 119
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');
    };
});
0
0 / 0 / 0
Регистрация: 08.03.2014
Сообщений: 11
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 у меня стоит.
0
85 / 43 / 27
Регистрация: 07.07.2013
Сообщений: 119
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');
    };
});
0
0 / 0 / 0
Регистрация: 08.03.2014
Сообщений: 11
10.03.2014, 09:22  [ТС]
И так не хочет работать...Не разбираюсь я в jq. Беда...
А за помощь спасибо...
Может беда в том что у меня ЧПУ...И эта ссыль /nashi на самом деле равна ссыли /nashi/main.
И так везде.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
10.03.2014, 09:22
Помогаю со студенческими работами здесь

Как сделать select не активным?
Мне нужно чтобы Select становился активным при выборе определенного параметра в другом select.

Как сделать активным элемент по нажатию на него?
Использую Bootstrap 3. Есть вот такой список: &lt;div class=&quot;list-group&quot; &gt; &lt;div class=&quot;media&quot; *ngFor=&quot;let user of users&quot;&gt; ...

Unity имеется GameObject который при старте игры в Меню НЕ АКТИВНЫМ. нужно сделать его активным
Unity имеется GameObject под названием &quot;Player&quot;который при старте игры в (scene Menu) НЕ АКТИВНЫЙ. Нужно чтобы при смене сцены на (scene...

Как сделать Главное Меню
Как сделать Главное Меню в программе на C# с использование интсрументов и контролов Windows Forms

Как сделать главное меню
как сделать главное меню, как на http://podlodka.info ? Добавлено через 1 час 36 минут не работает активное меню. css /* Main...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru