Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Подсветка пункта меню на jQuery

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


     29.09.2014    jQuery    1392

вопрос
Имеется меню на сайте

<ul class='menu'>
    <li><a href ='/'>Главная</a></li>
    <li><a href ='/produkciya.html'>Продукция</a></li>
    <li><a href ='/uslugi-kompanii.html'>Услуги</a></li>
    <li><a href ='/o-zavode.html'>О заводе</a></li>
    <li><a href ='/novosti.html'>Новости</a></li>
    <li><a href ='/index.php?do=feedback'>Контактная информация</a></li>
</ul>


При помощи скрипта выделяться активный пункт меню

<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($) {
    $('.menu a[href^="/' + location.pathname.split("/")[1] + '"]').parent("li").addClass('current');
});
</script>


Но на главной странице все пункты меню выделены.. как исправить не подскажите ?

Ответил: cybernatic



<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($) {
    $('.menu a[href^="/' + location.pathname.split("/")[0] + '"]').parent("li").addClass('current');
});
</script>

Комментарии пользователей (5)

NAMAT
13

NAMAT - 29 сентября 2014 19:38 - Юзер

<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($) {
    $('.menu a[href^="/' + location.pathname.split("/")[0] + '"]').parent("li").addClass('current');
});
</script>

Так теперь на любой странице все пункты активны Ссылка на сайт

cybernatic
12

124 | 125

cybernatic - 29 сентября 2014 19:43 - Эксперт

<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($) {
    $('.menu a[href*="' + location.pathname.split("/")[2] + '"]').parent("li").addClass('current');
});
</script>

NAMAT
13

NAMAT - 29 сентября 2014 19:44 - Юзер

так вапще выделения не происходит

cybernatic
12

124 | 125

cybernatic - 29 сентября 2014 19:48 - Эксперт


<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function($) {
    $('.menu a[href*="/' + ((location.pathname.split("/")[1]!==undefined)?location.pathname.split("/")[1]:location.pathname.split("/")[0]) + '"]').parent("li").addClass('current');
});
</script>

NAMAT
13

NAMAT - 29 сентября 2014 19:48 - Юзер

пардон предыдущий скрипт сработал просто кэш надо было отчистить

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы