если href = url изменить класс для активного состояния в меню

Question

я пытаюсь создать активное состояние с помощью jquery ...

вот мой код, который не работает ..

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
   jQuery('ul#menuHov a[href$="' + window.location.pathname + '"]').addClass("menuHov"); 
});
</script>

и меню ...

<ul id="menuHov">
    <li style="width:128px"><a href="" ><span>SHOP<br/>SHOP</span></a></li>
    <li style="width:193px"><a href="/collections" ><span>COLLECTIONS<br/>COLLECTIONS</span></a></li>
    <li style="width:147px"><a href="/about-local-celebrity"><span>ABOUT<br/>ABOUT</span></a></li>
    <li style="width:186px"><a href="/stockists" ><span>STOCKISTS<br/>STOCKISTS</span></a></li>
    <li style="width:146px"><a href="/press" ><span>PRESS<br/>PRESS</span></a></li>
    <li style="width:128px"><a href="/category/blog" ><span>BLOG<br/>BLOG</span></a></li>
    <li style="width:70px"><a href="/contact" ><span>CONTACT<br/>CONTACT</span></a></li>
</ul>

и класс, который я хочу в качестве активного состояния ...

.menuHov {color:#fae349}

Answer 1

у меня нормально работает:

http://jsfiddle.net/maniator/JYc8g/ (нажмите «Запустить», если сразу не видите, что он работает)

убедитесь, что путь правильный, используйте консоль firebug или chrome, чтобы проверить, что window.location.pathname находится на нужной странице

UPDATE

похоже на строку 95 изменения файла css из user.css:

#headerMenu ul li a:hover, a.menuHov {
   color: #00AEEF !important;
}