Показать сообщение отдельно
  #1 (permalink)  
Старый 23.11.2015, 01:07
Кандидат Javascript-наук
Отправить личное сообщение для sergofedor06 Посмотреть профиль Найти все сообщения от sergofedor06
 
Регистрация: 10.11.2015
Сообщений: 131

Выделение активного пункта меню
Привет!
Выделение активного пункта меню
есть рабочий код, он исправно работает и подсвечивает другим светом активное меню
в меню есть 3 ссылки

http://test/index.php?search=mama
http://test/index.php?search=papa
http://test/index.php?search=ya

ссылка из меню будет подсвечена если я введу саму ссылку вида http://test/index.php?search=papa
в поисковой строке браузера то ее подсветит другим светом

Но у меня есть проблема, я перешол на станицу http://test/index.php?search=papa
у меня есть пагинация идут страницы потом такого вида
http://test/index.php/page2?search=papa
и все кирдык подсветка активного пункта меню (papa) слетает
как решить мне эту задачу? чтобы пункт меню (papa) был активен даже если я перейду по ссылке
http://test/index.php/page2?search=papa
или
http://test/index.php/page33?search=papa
или любой другой номер страницы!

Спасибо.





<style>
#menu ul li a{
	text-decoration:underline;
}
#menu ul li a:hover {
	color:#4996e5;
}
#menu ul li a.active{
	color:#4996e5;
	text-decoration:none;
}
</style>


<script>
$(function () {                                      
    $('#menu a').each(function () {             
        var location = window.location.href; 
        var link = this.href;                
        if(location == link) {               
            $(this).addClass('active');  
        }
    });
});	
</script>


<div id="menu">
  <ul>
    <li><a href="http://test/index.php?search=mama">mama</a></li>
    <li><a href="http://test/index.php?search=papa">papa</a></li>
    <li><a href="http://test/index.php?search=ya">ya</a></li>
  </ul>
</div>
Ответить с цитированием