Выделение активной ссылки
<div class="menu4"> <a href="http://рррр.by/user/items">Все</a> <a href="http://ррр.by/user/items?itemType=expired">Активные</a> <a href="http://ррр.by/user/items?itemType=blocked">Блокированные/Модерация</a> <a href="http://рр.by/user/items?itemType=premium">VIP</a> </div> вот этим пытаюсь присвоить класс active для активной ссылки, но ничего не получается((( <script> $(function() { $('.div.menu4 a').each(function() { var thisTab = window.location.href; var thislink = $(this).attr('href'); if(thisTab == thislink){$(this).addClass('active');} }); }); </script> Код:
.menu4 .active { |
monah1983,
посмотрите чему у вас равно thisTab и thislink на самом деле |
<div class="menu4"> <a href="http://URL1">URL 1</a> <a href="http://URL2">URL 2</a> </div> var urlNow = window.location.href; var urlLink = $(this).attr('href'); if(urlLink = urlNow) { $('a[href="'+urlNow+'"]').addClass('active'); } }); var urlNow = window.location.href; $('a[href="'+urlNow+'"]').addClass('active'); |
Infinity178,
4 строка второго кода радует глаза :cray: |
Infinity178,
2 код строки 1,3,4,6,7 лишние :write: |
Импровизация)) но работает же)
|
хм... поддерживаю
не обдумал но эти сроки нужны если скажем - многоуровневое или доп. :HOVER и т.п. будет |
<script> $(function() { var urlNow = window.location.href; $('a[href="'+urlNow+'"]').addClass('active'); }); </script> <div class="menu4"> <a href="http://hhhhh.by/user/items">Все</a> <a href="http://hhhh.by/user/items?itemType=expired">Активные</a> <a href="http://hhhhh.by/user/items?itemType=blocked">Блокированные/Модерация</a> <a href="http://hhhhh.by/user/items?itemType=premium">VIP</a> </div> .menu4 a.active { background: #B271E8;} .menu4 a:hover { background-position:0 0; background-color: #f8f8f8; color:#4400aa; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } я понимаю должно так быть? |
все правильно понимаете :thanks:
|
все равно не работает.... 3 день уже бьюсь головой об стенку
|
Часовой пояс GMT +3, время: 00:44. |