Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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_Css - Fatal编程技术网

Jquery 导航子菜单未重新出现的问题

Jquery 导航子菜单未重新出现的问题,jquery,css,Jquery,Css,我有一个问题,在jQuery设置css后,导航栏上的子菜单没有显示。当我单击子菜单项时,容器设置为display:none,但当我再次将鼠标悬停在菜单项上时,子菜单不显示 .navmenu{ 高度:32px; 列表样式类型:无; 保证金:0; 填充:0; 文本对齐:对齐; } 李先生{ 显示:内联块; 线高:2米; } 李娜先生{ 显示:块; 字体系列:THCFontSemiBold; 字体大小:粗体; 颜色:#f3ac3f; 文字装饰:无; } .navli菜单:悬停{ 背景:#6d1238

我有一个问题,在jQuery设置css后,导航栏上的子菜单没有显示。当我单击子菜单项时,容器设置为
display:none
,但当我再次将鼠标悬停在菜单项上时,子菜单不显示

.navmenu{
高度:32px;
列表样式类型:无;
保证金:0;
填充:0;
文本对齐:对齐;
}
李先生{
显示:内联块;
线高:2米;
}
李娜先生{
显示:块;
字体系列:THCFontSemiBold;
字体大小:粗体;
颜色:#f3ac3f;
文字装饰:无;
}
.navli菜单:悬停{
背景:#6d1238;
}
navmenu li ul先生{
利润率:13px 0px 0px 7px;
填充:0;
显示:内联块;
位置:绝对位置;
背景#510E2A;
边框:2px实心#AA6180;
列表样式类型:无;
盒影:5px10px15px#000;
z指数:1;
可见性:隐藏;
}
.navmenu li ul:之前,.navmenu ul:之后{
内容:'';
高度:0px;
宽度:0px;
位置:绝对位置;
顶部:-15px;
左:10px;
}
.Navli-ul:之前{
左边框:15px实心透明;
右边框:15px实心透明;
边框底部:15px实心#AA6180;
}
.navmenu li ul:之后{
左边框:15px实心透明;
右边框:15px实心透明;
边框底部:15px实心#510E2A;
顶部:-12px;
}
李宇利先生{
线高:1.8em;
显示:块;
文本对齐:左对齐;
利润率:8px;
}
.navmenu li:悬停ul{
能见度:可见;
}
.导航菜单:在{
内容:'';
显示:内联块;
宽度:100%;
明确:两者皆有;
}


如前所述,
toggle()
函数向元素添加一个内联
style=“display:none”

您可以通过添加一个稍微超时的函数来删除该属性来进行修复

$(“#mnu____服务_drop a”)。在('click',函数(e){
e、 停止传播();
$(“#mnu#U服务_drop”).toggle();
}).on('mouseup',function(){
setTimeout(函数(){
美元(“#mnu#U#U#U#U#U#U#U#U#U#U#U#U#U#;
}, 100);
});
.navmenu{
背景#510E2A;
高度:35px;
保证金:0;
填充:0;
列表样式类型:无;
文本对齐:对齐;
}
李先生{
浮动:左;
}
李娜先生{
显示:块;
填充:9px 20px;
文字装饰:无;
字体系列:THCFontSemiBold;
颜色:#f3ac3f;
字体大小:粗体;
}
navmenu li ul先生{
保证金:0;
填充:0;
列表样式类型:无;
位置:相对位置;
z指数:1;
背景:绿色;
顶部:-1px;
左:35px;
显示:无;
}
李宇利先生{
浮动:无;
文本对齐:左对齐;
}
navmenu li ul a{
显示:块;
文本对齐:左对齐;
}
.navmenu li:悬停ul{
显示:块;
}


单击功能的用途是什么?单击它后,隐藏它,然后会发生什么?问题是
切换
会将内联样式属性添加到项目中。内联样式否决了外部样式表样式。@LinkinTed click函数主要用于移动设备。一旦我隐藏了子菜单,如果我将鼠标悬停在主菜单项上,我就无法再次显示它。@LinkinTed我试图通过设置
.css(“display”,“none”)
来隐藏子菜单,但我得到了相同的结果。使用引导或复制影响此工作的行为(类和js):在桌面上似乎工作正常,但在平板电脑上却无法正常工作。子菜单将不会在平板电脑上隐藏。将我的代码重新设置为编辑,现在我在此处看不到它。我需要找到解决这个问题的办法。