Mobile 响应导航栏多菜单

Mobile 响应导航栏多菜单,mobile,Mobile,我有一个水平导航栏,可以折叠成移动设备的下拉菜单。我的问题是“公文包”项的子菜单不会重定向到移动设备中的链接,但当视图为全宽时会重定向到。当未分配任何链接时,它会工作,但一旦添加链接,移动设备视图就变得不可访问 非常感谢您的帮助 谢谢 * { 保证金:0; 填充:0; } 正文,html{ 字体系列:SegoeUI; 字体大小:100%; 身高:100%; } /* **************************************************** 容器 *******

我有一个水平导航栏,可以折叠成移动设备的下拉菜单。我的问题是“公文包”项的子菜单不会重定向到移动设备中的链接,但当视图为全宽时会重定向到。当未分配任何链接时,它会工作,但一旦添加链接,移动设备视图就变得不可访问

非常感谢您的帮助

谢谢


* {
保证金:0;
填充:0;
}
正文,html{
字体系列:SegoeUI;
字体大小:100%;
身高:100%;
}
/* ****************************************************
容器
******************************************************/
.集装箱{
背景:#FFF;
最小高度:100%;
溢出:自动;
}
/*ENLACES*/
a{
颜色:#fff;
光标:指针;
显示:块;
填充:1雷姆1.5雷姆;
文字装饰:无;
过渡:背景色。16秒轻松;
}
a:悬停{
背景色:#CD5C;
}
/* **************************************************
菜单正常
****************************************************/
.导航栏菜单{
背景色:#F08080;
利润率:2%自动;
最大宽度:1000px;
宽度:钙(100%);
}
.导航栏菜单.菜单{
显示:块;
文本对齐:居中;
}
.navbar菜单.menu li{
显示:内联块;
}
.navbar菜单.菜单li:悬停>.子菜单{
显示:块;
-webkit动画名称:showSubMenu;
-webkit动画持续时间:.4s;
}
.导航栏菜单{
背景色:#f08080;
显示:无;
位置:绝对位置;
}
.导航栏菜单.菜单li ul li{
显示:块;
}
.navbar菜单。菜单li ul li a:激活{
-webkit动画名称:hideSubMenu;
-webkit动画持续时间:.4s;
}
/******************************************************
迷你菜单
******************************************************/
/*迷你菜单*/
.导航栏迷你菜单{
背景色:#f08080;
显示:无;
}
.导航栏迷你菜单.菜单选择{
颜色:#fff;
填充:1雷姆1.5雷姆;
}
.navbar迷你菜单。菜单选择。btn选择{
背景:url(“icon.png”)不重复;
光标:指针;
位置:绝对位置;
高度:30px;
宽度:30px;
右:10px;
顶部:10px;
}
.导航栏迷你菜单.迷你菜单选项{
显示:块;
}
.navbar迷你菜单.迷你菜单选项li{
显示:块;
}
.navbar迷你菜单.迷你菜单选项li.子菜单{
显示:无;
}
.导航栏迷你菜单.迷你菜单选项li:焦点{
大纲:0;
}
.navbar迷你菜单。迷你菜单选项li:focus>。子菜单{
显示:块;
-webkit动画名称:showSubMenu;
-webkit动画持续时间:.4s;
}
.导航栏迷你菜单.迷你菜单选项LIA{
显示:块;
填充:1雷姆1.5雷姆;
}
@-webkit关键帧显示子菜单{
0% {
变换:缩放(0,0);
}
100% {
变换:比例(1,1);
}
}
@-webkit关键帧隐藏子菜单{
0% {
变换:比例(1,1);
}
100% {
变换:缩放(0,0);
}
}
/*****************************************************     
媒体查询
*****************************************************/
@媒体屏幕和屏幕(最大宽度:750px){
.导航栏菜单{
保证金:0;
}
.导航栏菜单.菜单{
显示:无;
}
.导航栏迷你菜单{
显示:块;
}
.导航栏迷你菜单.迷你菜单选项{
显示:无;
}
}

  • 其他工作
费率
  • 商店
  • 联系方式
  • $(文档).on(“就绪”,函数(){ //0=隐藏,1=可见 var menuState=0; //如果($(“.mini menu options”).是(“:hidden”)){ /*将单击事件侦听器添加到btn select*/ $(“.btn select”)。在(“单击”,函数(){ 如果(menuState==0){ $(“.mini菜单选项”)。向下滑动(“慢速”); menuState=1; }否则{ $(“.mini菜单选项”).slideUp(“慢速”); menuState=0; } }); //} $(“.mini menu options li”)。在(“单击”,函数()上){ var numHijos=$(this).children().length; 如果(numHijos<2){ //隐藏菜单 $(“.mini菜单选项”).hide(“快速”); var texto=$(this.text(); $(“.menu-select.menu-actual”).text(texto); } menuState=0; }); });