мой вариант работает с кириллицей!
<style>
#menu ul li a{
text-decoration:underline;
}
#menu ul li a:hover {
color:#4996e5;
}
#menu ul li a.active{
color:#ed0b30;
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="?search=мама">мама</a></li>
<li><a href="?search=папа">папа</a></li>
<li><a href="?search=я">я</a></li>
</ul>
</div>
только остается проблема, что описал выше......
меню (papa) подсвечивается, и значит я к примеру сейчас нахожусь на странице
http://test/index.php/page2?search=papa
и потом решаю перейти на другой пункт меню
к примеру (mama) и тут открывается страница не вида
http://test/index.php?search=mama
а вида
http://test/index.php/page2?search=mama
а должно открывать главную страницу
http://test/index.php?search=mama