Jquery将活动类添加到主菜单
我正在尝试将动态活动类添加到我的主菜单中,但我无法实现此目的,
我的jquery是,
$(document).ready(function() { $('#navi a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active'); });
我的主菜单是,
试试这个
jQuery的
$('a.menu').click(function(){ $('a.menu').removeClass("active"); $(this).addClass("active"); });
检查这个小提琴http://jsfiddle.net/9nd4j/1/
^^与Rory的上述评论相同!!
,如果你仍然需要你可以做到
$("#navi a").live("click", function(){ $("#navi a").removeClass("active"); $(this).addClass("active") });
如果你有所有链接指向同一页面上面的解决方案工作,因为我看到你将从一个页面遍历到另一个页面,这将无法正常工作。
谢谢
你的描述不是很清楚。 如果你的意思是你正在盘旋的列表项,那么它应该是这样的:
$('a.menu').hover( function () { $(this).addClass("active"); }, function () { $('a.menu').removeClass("active"); });