首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >仅使用jQuery的活动菜单项将更改。

仅使用jQuery的活动菜单项将更改。
EN

Stack Overflow用户
提问于 2013-08-08 06:51:03
回答 4查看 1.1K关注 0票数 1

我是jQuery的初学者,我想将背景颜色更改为活动菜单项,但是我不知道怎么做。如果我选择了一些项目背景将改变,但如果我选择另一个项目,在以前的项目中保持不变的“活动背景颜色”,我想要更改回默认的颜色,只有活动菜单项才会被更改。

这是静态菜单,但我将重建它为动态菜单从数据库,以便我可以使用一些id或任何东西,将是独特的每个菜单项。

我有这个是因为我不知道下一步怎么做:

代码语言:javascript
运行
复制
        $('#accordian h3').click(function () {
            $(this).addClass("active1")
        });

完整的源代码在这里http://jsfiddle.net/BERRF/。用小提琴作答最好。先谢了。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-08-08 06:55:26

添加:

代码语言:javascript
运行
复制
$("#accordion h3").removeClass("active1");

你可以在小提琴上看到。另外,你不需要2个点击事件,你可以组合它们。

http://jsfiddle.net/sx2Z7/

在再次设置所有active1类之前,您只需从每个h3中删除它,因此只有当前活动的类才具有白色的背景颜色。

很清楚或者有什么问题吗?)

票数 3
EN

Stack Overflow用户

发布于 2013-08-08 06:56:46

从“重置”前面选择的元素开始:

代码语言:javascript
运行
复制
   $('#accordian h3').click(function () {
       $('.active1').removeClass('active1');
       $(this).addClass("active1")
   });

这应该能起作用。

票数 0
EN

Stack Overflow用户

发布于 2013-08-08 06:57:21

试一试,先删除类active1,然后添加

代码语言:javascript
运行
复制
 $('#accordian h3').click(function () {
                $('#accordian h3').removeClass("active1")
                $(this).addClass("active1")
            });

小提琴

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18119632

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档