if 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 strong>

似乎是一个 css 问题，将 user.css 的第 95 行更改为：

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