Перейти к публикации

Подсветка активного пункта меню


Рекомендованные сообщения

Возможно ли внести коррективы в этот скрипт, чтобы активный пункт меню подсвечивался не только 
при нахождении в категории, но и во время нахождения в публикациях из этой категории?

 

$(function () { // Когда страница загрузится
    $('.menu a').each(function () { // получаем все нужные нам ссылки
        var location = window.location.href; // получаем адрес страницы
        var link = this.href;  // получаем адрес ссылки
        if(location == link) { // при совпадении адреса ссылки и адреса окна
            $(this).parent("li").addClass('active'); // добавляем класс
        }
    });
});

 

Изменено пользователем panovgor
Ссылка на сообщение
Поделиться на других сайтах
11 час назад, panovgor сказал:

Возможно ли внести коррективы в этот скрипт, чтобы активный пункт меню подсвечивался не только 
при нахождении в категории, но и во время нахождения в публикациях из этой категории?

зачем js? не проще ли через aviable?! http://dle-news.ru/extras/online/startnews.html

<ul>
	<li[category=1] class="active"[/category]><a href="">Menu1</a></i>
	<li[category=2] class="active"[/category]><a href="">Menu2</a></i>
	<li[category=3] class="active"[/category]><a href="">Menu3</a></i>
	<li[category=4] class="active"[/category]><a href="">Menu4</a></i>
	<li[category=5] class="active"[/category]><a href="">Menu5</a></i>
</ul>

 

Ссылка на сообщение
Поделиться на других сайтах
8 часов назад, odys сказал:

зачем js? не проще ли через aviable?! http://dle-news.ru/extras/online/startnews.html

 

Согласен. А с выпадающим меню как быть? Что-то у меня не получается, ибо ссылка на категорию перед списком в моём меню простая <a href...и т.д.

 

<div id="menu">
				<div id="Menu1" class="MenuV">
					<ul class="MenuR">
						<li><a class="MenuI" href="Ссылка"><span>О нас</span></a></li>
						<li class="uWithSubmenu">
							<a href="/news/"><span>Новости</span></a>
							<ul>
								
								<li><a href="#"><span>Название пункта выпадающего меню</span></a></li>
						
							</ul>
						</li>

 

Ссылка на сообщение
Поделиться на других сайтах
14 часа назад, panovgor сказал:

ибо ссылка на категорию перед списком в моём меню простая <a href...и т.д.

и что? класс же всё равно добавляется когда активное? 

Ссылка на сообщение
Поделиться на других сайтах
8 часов назад, odys сказал:

и что? класс же всё равно добавляется когда активное? 

Честно говоря, не совсем понимаю, каким образом соединить воедино 

<li[category=1] class="active"[/category]><a href="">Menu1</a></i>
и
<li class="uWithSubmenu"><a href="/news/"><span>Новости</span></a>

 

 

 

 

 

Ссылка на сообщение
Поделиться на других сайтах
<li class="uWithSubmenu [category=1] active[/category]"><a href="/news/"><span>Новости</span></a>

Где, соответственно,  категория news = ID 1
 

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...