Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Подсветка пункта меню на jQuery

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


     29.09.2014    Все вопросы » jQuery    2580

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

<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
Юзер

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
Эксперт

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
Юзер

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

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

cybernatic
Эксперт

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
Юзер

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

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

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

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

наверх