活动菜单背景色 [英] Active menu background color

问题描述

我有一个垂直菜单.这是.glossymenu.可以使用css作为.glossymenu a.menuitem访问菜单项.当菜单项被选中或菜单项处于活动状态时，我想更改背景颜色.我正在尝试使用以下JQuery:

I have a vertical menu. It is .glossymenu . The menu item is accessed using css as .glossymenu a.menuitem . I want to change the background color when the menu item is selected or when the menu item is active. I am trying to use the following JQuery:

$(".glossymenu a.menuitem").click(function(){
  $(this).siblings(".active").removeClass("active");
  $(this).addClass("active");
});

但是，我无法使用此方法解决我的问题.任何想法，如何在选择菜单项时更改其背景颜色.当菜单处于活动状态时，当我们在空白区域中的菜单项之外单击时，它不应更改.谢谢，普拉萨德


我可以使用CSS活动类，例如:

But, I am unable to resolve my issue using this. Any ideas, how to change the background color of the menu item, when it is selected. It should not change when we click outside the menu item in blank area, when the menu is active. Thanks, Prasad


can I use css active class like:

<pre>.glossymenu a.menuitem.active</pre>

class="glossymenu"> <a class="menuitem" href="#">Home</a> <a class="menuitem submenuheader" href="#">Text Pages</a> <div class="submenu"> <ul> <li><a href="#">Menus</a></li> <li><a href="">Menus</a></li> 

光泽菜单是主要类，菜单项是可扩展和不可扩展菜单的子类. class ="menuitem submenuheader"用于可扩展的类.再次感谢您

glossymenu is the main class, menuitem is sub class for both expandable and non expandable menu''s. class="menuitem submenuheader" is for the expandable classes. Thank you once again

推荐答案

(.glossymenu a.menuitem").click(function(){

(".glossymenu a.menuitem").click(function(){

(this ).siblings(.active").removeClass("active");

(this).siblings(".active").removeClass("active");

(this).addClass("active"); });

(this).addClass("active"); });

但是，我无法使用此方法解决我的问题.任何想法，如何在选择菜单项时更改其背景颜色.当菜单处于活动状态时，当我们在空白区域中的菜单项之外单击时，它不应更改.谢谢，普拉萨德


我可以使用CSS活动类，例如:

But, I am unable to resolve my issue using this. Any ideas, how to change the background color of the menu item, when it is selected. It should not change when we click outside the menu item in blank area, when the menu is active. Thanks, Prasad


can I use css active class like:

<pre>.glossymenu a.menuitem.active</pre>

class="glossymenu"> <a class="menuitem" href="#">Home</a> <a class="menuitem submenuheader" href="#">Text Pages</a> <div class="submenu"> <ul> <li><a href="#">Menus</a></li> <li><a href="">Menus</a></li> 

光泽菜单是主要类，菜单项是可扩展和不可扩展菜单的子类. class ="menuitem submenuheader"用于可扩展的类.再次谢谢你

glossymenu is the main class, menuitem is sub class for both expandable and non expandable menu''s. class="menuitem submenuheader" is for the expandable classes. Thank you once again

这篇关于活动菜单背景色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！