Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 当下拉菜单打开时,如何激活链接?_Jquery_Html_Css - Fatal编程技术网

Jquery 当下拉菜单打开时,如何激活链接?

Jquery 当下拉菜单打开时,如何激活链接?,jquery,html,css,Jquery,Html,Css,在引导导航栏中,如何激活导航链接 只需更改导航链接的背景颜色 当导航链路的相应下拉菜单打开时 或下拉菜单链接是否悬停? 我尝试了以下代码 $“ul.nav li.dropdown.”鼠标悬停功能{ $this.find'.下拉菜单'.stoptrue,true.delay50.fadeIn50; },功能{ $this.find'.下拉菜单'.stoptrue,true.delay50.fadeOut50; }; .导航栏导航李a{ 颜色:000; 文本转换:大写; 填充:13px 10px;

在引导导航栏中,如何激活导航链接 只需更改导航链接的背景颜色 当导航链路的相应下拉菜单打开时 或下拉菜单链接是否悬停? 我尝试了以下代码

$“ul.nav li.dropdown.”鼠标悬停功能{ $this.find'.下拉菜单'.stoptrue,true.delay50.fadeIn50; },功能{ $this.find'.下拉菜单'.stoptrue,true.delay50.fadeOut50; }; .导航栏导航李a{ 颜色:000; 文本转换:大写; 填充:13px 10px; 文本对齐:居中; } .导航栏导航李a:悬停{ 背景色:238500; 颜色:fff; } .下拉菜单LIA{ 字体大小:正常!重要; 填充:15px!重要; 颜色:fff!重要; 文本转换:大写!重要; 文本对齐:左!重要; } 下拉菜单LIA:悬停{ 背景色:3C; 颜色:fff; 背景图像:无; } .下拉菜单>li>a:焦点,.下拉菜单>li>a:悬停{ 背景图像:无; } ul.dropdown-menu li a:hover>.navbar导航li a{ 背景色:238500!重要; } .下拉菜单{ 背景色:238500; } 试试这个:

$“ul.nav li.dropdown.”鼠标悬停功能{ $this.find'.下拉菜单'.stoptrue,true.delay50.fadeIn50; $this.addClasshover; },功能{ $this.find'.下拉菜单'.stoptrue,true.delay50.fadeOut50; $this.removeclasshhover; }; .导航栏导航李a{ 颜色:000; 文本转换:大写; 填充:13px 10px; 文本对齐:居中; } .导航栏导航李a:悬停{ 背景色:238500; 颜色:fff; } .下拉菜单LIA{ 字体大小:正常!重要; 填充:15px!重要; 颜色:fff!重要; 文本转换:大写!重要; 文本对齐:左!重要; } 下拉菜单LIA:悬停{ 背景色:3C; 颜色:fff; 背景图像:无; } .下拉菜单>li>a:焦点,.下拉菜单>li>a:悬停{ 背景图像:无; } ul.dropdown-menu li a:hover>.navbar导航li a{ 背景色:238500!重要; } .下拉菜单{ 背景色:238500; } .悬停{ 背景颜色:灰色; }
据我所知,这就是你想要的吗

.navbar-nav .open>a,
.navbar-nav .open>a:focus,
.navbar-nav .open>a:hover {
    background-color: #238500 ;
    color: #fff;
}

只需将此样式添加到CSS中。

非常感谢您的帮助,它现在可以工作了:-感谢您的帮助:-如果有帮助,您可以单击向上箭头@Muhammad放弃投票Mohsin@viCky没有这样的条件,它将适用于所有菜单项。