javascript - 单击时所有菜单栏元素都获得相同的背景颜色

标签 javascript jquery html css

对于我下面的站点,当我单击任何菜单选项卡时,所选菜单栏元素的颜色应该是 #1B3E70

概率是“

现在无论选择什么菜单栏元素,它的背景颜色都是:#1B3E70 每个菜单元素不应该是这样的。只有一个选定的菜单栏元素应该有背景颜色:#1B3E70

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

点击菜单栏项,你就会明白问题所在

请建议我需要做什么更改..?

编辑: 这是 JSFIDDLE:http://jsfiddle.net/2s9Zm/1/

最佳答案

把JS改成这样:

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

下次发布 jsfiddle。

关于javascript - 单击时所有菜单栏元素都获得相同的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21257141/

相关文章:

html - *ngIf else if 在模板中

javascript - 帮助查找包含模运算符的 if 语句中的模式

javascript - 如何将php数据库值获取到javascript数组

Jquery $.each 选择器

javascript - Twitter Bootstrap 向导区分下一个按钮

javascript - Chrome 扩展程序 - 单击扩展程序、新选项卡和重定向

html - html5 + transition 上的模态窗口

javascript - 简单的 Javascript CSS 不透明度淡入淡出功能

php - 如何删除所有换行符并从 PHP 中的字符串中转义字符?

javascript - Jquery 包装方法不适用于 window.open