Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Выделение активной ссылки (https://javascript.ru/forum/jquery/54358-vydelenie-aktivnojj-ssylki.html)

monah1983 14.03.2015 13:04

Выделение активной ссылки
 
<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 {
    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;
}

может что ни так делаю...

рони 14.03.2015 13:46

monah1983,
посмотрите чему у вас равно thisTab и thislink на самом деле

Infinity178 14.03.2015 13:52

<div class="menu4">
<a href="http://URL1">URL 1</a>
<a href="http://URL2">URL 2</a>
</div>


$('.menu4').find('a').each(function(){
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');

рони 14.03.2015 13:54

Infinity178,
4 строка второго кода радует глаза :cray:

рони 14.03.2015 13:56

Infinity178,
2 код строки 1,3,4,6,7 лишние :write:

Infinity178 14.03.2015 13:57

Импровизация)) но работает же)

Infinity178 14.03.2015 13:58

хм... поддерживаю
не обдумал

но эти сроки нужны если скажем - многоуровневое или доп. :HOVER и т.п. будет

monah1983 14.03.2015 14:41

<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;
}


я понимаю должно так быть?

Infinity178 14.03.2015 14:42

все правильно понимаете :thanks:

monah1983 14.03.2015 14:51

все равно не работает.... 3 день уже бьюсь головой об стенку


Часовой пояс GMT +3, время: 00:44.