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

Jquery 如果href=url,则更改菜单上活动状态的类,jquery,url,navigation,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> 这对我来说很好: (如

我正在尝试使用jquery创建活动状态

这是我的代码,它不起作用

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

(如果看不到它立即工作,请单击“运行”)

确保路径正确,使用firebug或chrome控制台检查所需页面上的
window.location.pathname

更新

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

#headerMenu ul li a:hover, a.menuHov {
   color: #00AEEF !important;
}
这对我来说很好:

(如果看不到它立即工作,请单击“运行”)

确保路径正确,使用firebug或chrome控制台检查所需页面上的
window.location.pathname

更新

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

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


你做过
console.log
来看看
window.location.pathname
给了你什么值吗?它是b4,但我让它做了.css('color','#whatev'),而不是类。。。我需要它来做一件事class@Alex-我会使用Firebug和
控制台。登录
jQuery('ul#menuHov a[href$=“'+window.location.pathname+”)
,以及
window.location.pathname
,以确保您正在选择所需内容。如果这是正确的,那么可以尝试使用
li
而不是
a
?@Alex-看起来像
。根据jsFiddle,addClass
很好。正如我最初怀疑的那样,这一定是你的URL与
window.location.pathname
不匹配的区别。@Alex在下面看到我对我的答案的评论你做了
控制台.log
以查看
window.location.pathname
给你的值是什么?它是b4,但我让它做了.css('color','whatev'))而不是课堂上。。。我需要它来做一件事class@Alex-我会使用Firebug和
控制台。登录
jQuery('ul#menuHov a[href$=“'+window.location.pathname+”)
,以及
window.location.pathname
,以确保您正在选择所需内容。如果这是正确的,那么可以尝试使用
li
而不是
a
?@Alex-看起来像
。根据jsFiddle,addClass
很好。正如我最初怀疑的那样,这一定是你的URL与
window.location.pathname
不匹配之间的差异。@Alex看到我对我的回答的评论如下:在FF4或Chrome 10中,你的链接没有看到任何颜色变化,那么它到底对你有什么影响?我看到它发生了变化,第二个链接(我使用Chrome)它们变为黄色,当你运行时链接也会改变run@Neal-是的,我刚发现。第一个url是/maniator/JYc8g/show/并且不匹配,但第二个是/u display/并且匹配。lol yes^^^。我必须使用
console.log(window.location.pathname)
来找出要使用的内容我在FF4或Chrome 10中没有看到你的链接有任何颜色变化,那么它到底对你有什么作用呢?我看到它变了,第二个链接(我使用Chrome)在你运行时变为黄色run@Neal-是的,我刚发现。第一个url是/maniator/JYc8g/show/并且不匹配,但第二个是/u display/并且匹配。lol yes^^^。我必须使用
console.log(window.location.pathname)
来找出该使用什么
#headerMenu ul li a:hover, a.menuHov {
   color: #00AEEF !important;
}