所有菜单栏项目在单击时获得相同的背景颜色

时间:2014-01-21 11:42:48

标签: javascript jquery html css css3

对于我的下方网站,当我点击任何菜单标签时,所选菜单栏项目颜色应为#1B3E70

问题是“

现在无论选择哪个菜单栏项目,它的背景颜色都是#1B3E70,每个菜单项不应该是这样的..只有一个选定的菜单栏项应该有背景颜色:#1B3E70

这是我的网站: http://mywebsite.com/

点击菜单栏项目,然后您就会明白问题

请建议我需要做哪些更改..?

修改 这里是JSFIDDLE:http://jsfiddle.net/2s9Zm/1/

2 个答案:

答案 0 :(得分:3)

将JS更改为:

$(document).ready(function(){
    $('.menu-item a').click(function(){
        $('.menu-item a').removeClass('active');
        $(this).addClass('active');
    });
});

下次发布jsfiddle。

答案 1 :(得分:0)

     $('#menu_id').css('background-color', '#1B3E70');

它将100%工作。如果您同意,请将其标记为答案,以便其他人可以将其用作参考