超级鱼 - 当前子菜单始终显示

我使用超级鱼在网站上显示水平菜单。每当我在当前菜单项或子菜单项的页面上时，总是显示子菜单。发生这种情况时，将鼠标悬停在其上时，它会与其他子菜单重叠。你如何隐藏显示的当前子菜单？超级鱼 - 当前子菜单始终显示

编辑：好吧我想出了如何用CSS做到这一点。我下面的代码添加到快鱼-navbar.css

ul.sf-navbar ul { 
display: none; 
} 
ul.sf-navbar li:hover ul { 
display: block; 
}

它隐藏当前子菜单和显示所有子菜单，当你将鼠标悬停在父项。

来源

2012-03-09 Daniel Harris

对于CSS

在快鱼-navbar.css你会在行63

ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul { 
     left: 0; 
     top: 2.5em; 
    }

当你最终使用的JavaScript

在文档删除以下规则对于superfish插件，在Options选项卡上，它显示默认选项。它看起来像pathLevels设置为1，和pathLevels

是保持开放或使用pathClass

恢复子菜单的级别数看起来像你所需要的选项的说明。尝试设置pathLevels 0

看到这个的jsfiddle比较：http://jsfiddle.net/keithwyland/G87Lm/

http://users.tpg.com.au/j_birch/plugins/superfish/#options

来源

2012-03-09 20:45:59 keithwyland

不，不行。我的超级鱼菜单甚至没有使用JavaScript，因为它与lightbox冲突。 “ – 2012-03-09 20:53:12

”甚至不使用JavaScript“。但是您的代码中包含以下脚本： $（document）.ready（function（）{（“ul.sf-menu”）。superfish {{opacity：'show'，height：'show '}，//无淡入的滑动效果速度：'快速'， pathClass：'active'，延迟：1000 // 1.0秒延迟 }）;; }）; – keithwyland 2012-03-09 20:55:54

是的，当superfish使用javascript时，脚本就在那里。我保留了脚本，以便以后使用它。 – 2012-03-09 20:58:29

超级鱼 - 当前子菜单始终显示

回答

相关问题