我正在使用 Superfish 在网站上显示水平菜单。每当我在当前菜单项或子菜单项的页面上时,子菜单总是显示。发生这种情况时,当您将鼠标悬停在其他子菜单上时,它会与其他子菜单重叠。如何隐藏当前显示的子菜单?
编辑: 好的,我想出了如何用 CSS 做到这一点。我将以下代码添加到 superfish-navbar.css
ul.sf-navbar ul {
display: none;
}
ul.sf-navbar li:hover ul {
display: block;
}
它会隐藏当前的子菜单,并在您将鼠标悬停在父项上时显示所有子菜单。
最佳答案
对于 CSS
在 superfish-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 插件的文档中,选项选项卡上显示了默认选项。貌似pathLevels设置为1,pathLevels的说明
the number of levels of submenus that remain open or are restored using pathClass
看起来像您需要的选项。尝试将 pathLevels 设置为 0。
请参阅此 jsfiddle 进行比较:http://jsfiddle.net/keithwyland/G87Lm/
关于css - Superfish - 当前子菜单始终显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9640661/