主动导航颜色,但子菜单中的颜色不同

时间:2015-04-24 22:24:35

标签: jquery

您好我有这个js脚本来获取网址并在主导航菜单和子菜单中显示活动链接。唯一的问题是,如果我单击主菜单中的链接并获得该链接的活动颜色,则子菜单也将显示相同的颜色。我不希望子菜单链接显示此颜色,我不希望在单击子菜单中的链接之前更改子菜单链接颜色。

jQuery(document).ready(function($) {
        var url = window.location.href;
        $('.ribbon a').filter(function() {
                return this.href == url;
            })
            .closest('li').addClass('current_yes').addClass('sub_current_yes');
 });

You can see the menu here

1 个答案:

答案 0 :(得分:1)

你的css文件正在将类应用于'a'类中的所有current_yes标签,即所有兄弟姐妹。仅将其应用于直接兄弟姐妹尝试使用.current_yes a

替换CSS文件中的.current_yes > a