Выделение активной ссылки
<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 день уже бьюсь головой об стенку
|
monah1983,
пост 2 что на самом деле у вас |
monah1983,
Что вам говорит jQ? что вам выдает window.location.href; ? что у вас в <a href="???"> в примере который я вам скинул стоит условие:
<script>
$(function() {
// Получаем текущую URL страницу ([url]http://exemple.com/my-page.html[/url])
var urlNow = window.location.href;
// Если в теге <A> есть Атрибут HREF со значением = urlNow
$('a[href="'+urlNow+'"]')
// Добавляем новый класс "active"
.addClass('active');
});
</script>
Если у вас не срабатывает условие значит: A: у вас отличается URL в ссылках В: конфликт в jQ Ну и на конец посмотрите через alter что вам дает jQ
$(function() {
var urlNow = window.location.href;
var urlLink = $('a[href="'+urlNow+'"]').text();
alert('URL страницы: '+urlNow);
alert('Активная ссылка '+urlLink);
});
|
| Часовой пояс GMT +3, время: 12:37. |