Superfish - 当前子菜单始终显示

问题描述 投票:1回答:1

我正在使用Superfish在网站上显示水平菜单。每当我在当前菜单项或子菜单项的页面上时,子菜单总是显示。发生这种情况时,将鼠标悬停在其上时,它会与其他子菜单重叠。如何隐藏当前显示的子菜单?

编辑:好的我想出了如何用CSS做到这一点。我将以下代码添加到superfish-navbar.css中

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

当您将鼠标悬停在父项上时,它会隐藏当前子菜单并显示所有子菜单。

css hide submenu superfish
1个回答
0
投票

对于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的描述

使用pathClass保持打开或恢复的子菜单级别数

看起来像你需要的选项。尝试将pathLevels设置为0。

请参阅此jsfiddle进行比较:http://jsfiddle.net/keithwyland/G87Lm/

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

© www.soinside.com 2019 - 2024. All rights reserved.