如果href = url在菜单上更改活动状态的类

时间:2011-04-08 16:37:16

标签: jquery url navigation

我试图用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}

1 个答案:

答案 0 :(得分:1)

它适用于我:

http://jsfiddle.net/maniator/JYc8g/(如果你没有看到它立即运行,请点击运行)

确保路径正确,使用firebug或chrome控制台检查您想要的页面上window.location.pathname是什么

<强>更新

似乎是user.css的css问题更改行95:

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