Можно ли получить помощь по скрипту. Есть скрипт, который делает подсветку для меню активной страницы. - вопрос №4703437

<code class="jscript plain">Разметка<br /> <div class="menu"> <ul> <li><a href="/">Home</a></li> <li><a href="/about">About</a></li> <li><a href="/services">Services</a></li> <li><a href="/blog">Blog</a></li> <li><a href="/contacts">Contacts</a></li> </ul> </div> <br />Код<br /><br />$(document).ready(function () { var location = window.location.href; $('.menu li').each(function () { var link = $(this).find('a').attr('href'); if (location.indexOf(link) !== -1) { $(this).addClass('active'); } }); });<br /><br />В моем случае, подсвечивается основная ссылка в <li> и все вложенные в нее.<br /><br /><img src="https://sun9-35.userapi.com/impf/-Otv9jXu44JT_IPriQWhIuacsng-tbifOY647g/dwDgWXK-Ek8.jpg?size=486x1080&quality=96&sign=597189cba6c14c4cd00068e5fa18393c&type=album" alt="" /><br /><br />Все хорошо работает. Однако вместе с этим всегда подсвечивается главная страница "/". Хотелось бы узнать, можно ли сделать правило, чтобы главная подсвечивалась только на главной "/" а на всех остальных не подсвечивалась?

Ответы

Сравните с корнем document.location.href или, самое простое, на главной странице
задайте переменную какую-нибудь, а на других страницах ее не задавайте (или на главной
true, на остальных false) и смотрите ее значенмк перед подсветкой. Самое простейшее решение.
02.04.22

Alexander

Читать ответы
Посмотреть всех экспертов из раздела Технологии > JavaScript,Ajax,HTML
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store