Показать сообщение отдельно
  #1 (permalink)  
Старый 31.10.2018, 14:33
Аспирант
Отправить личное сообщение для oslayer Посмотреть профиль Найти все сообщения от oslayer
 
Регистрация: 18.10.2012
Сообщений: 63

Подсветка пункта меню JS - JQery
Здравствуйте! Помогите пожалуйста. чайник, js не дружу

Что делаю не так?
Должно быть - нажал на пункт меню - подсветился активный пункт меню, нажал на другой пункт меню - подсветка перешла на активный пункт меню
Класс act - прописан, при присваивании в ручную - подсветка работает

Но не работает.


Есть код JS
<script>
$(function () {
    var location = window.location.href;
    var cur_url = '/' + location.split('/').pop();
 
    $('.pt_high_custommenu div.pt_menu').each(function () {
        var link = $(this).find('a').attr('href');
 
        if (cur_url == link)
        {
            $(this).addClass('act');
        }
    });
});
</script>


В идеале вот сюда и должен попадать класс act
Код:
<div class="pt_menu nav-1 act pt_menu_no_child">
Собственно само меню
Код:
<div class="lmenu">		
		
<div class="pt_high_custommenu">
<div class="pt_menu nav-1 pt_menu_no_child">
<div class="parentMenu">
<a href="http://made-in-altai.ru/login">
<span>Пункт 1</span>
</a>
</div>
</div>
<div class="pt_menu nav-2 pt_menu_no_child">
<div class="parentMenu">
<a href="http://login">
<span>Пункт 2</span>
</a>
</div>
</div><div class="pt_menu nav-3 pt_menu_no_child">
<div class="parentMenu">
<a href="http://login">
<span>Пункт 3</span>
</a>
</div>
</div><div class="pt_menu nav-4 pt_menu_no_child">
<div class="parentMenu">
<a href="http://login">
<span>Пункт 4</span>
</a>
</div>
</div><div  class="pt_menu nav-5 pt_menu_no_child">
<div class="parentMenu">
<a href="http://login">
<span>Пункт 5</span>
</a>
</div>
</div>
</div>
</div>


<div class="rmenu">
		<div class="pt_high_custommenu">
<div class="pt_menu nav-1 pt_menu_no_child">
<div class="parentMenu">
<a href="http://login">
<span>Пункт 6</span>
</a>
</div>
</div>
</div>
</div>
Ответить с цитированием