Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 08.03.2014
Сообщений: 11
1

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

08.03.2014, 22:30. Показов 414. Ответов 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

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

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
08.03.2014, 22:30
Ответы с готовыми решениями:

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

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

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

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

4
85 / 43 / 27
Регистрация: 07.07.2013
Сообщений: 119
10.03.2014, 08:34 2
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  [ТС] 3
Почему-то так совсем не работает. Вот приведу код меню.
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 4
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  [ТС] 5
И так не хочет работать...Не разбираюсь я в jq. Беда...
А за помощь спасибо...
Может беда в том что у меня ЧПУ...И эта ссыль /nashi на самом деле равна ссыли /nashi/main.
И так везде.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.03.2014, 09:22

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

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

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

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

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

Сделать главное меню по центру страницы
Необходимо сдвинуть главное меню вправо, чтоб оно встало по центру, здесь

Как сделать главное меню горизонтальным?
Добрый день! Я использую шаблон IT Property. ...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.