我使用子菜单编写菜单代码,以显示用户何时悬停在主菜单链接上。
我的问题是添加和删除一个类来显示和隐藏带有JS和CSS3动画的子菜单容器,当使用鼠标输入和输出主菜单容器中的链接时:i' ve使用data-section
属性将子菜单与悬停链接进行匹配。
答案似乎非常简单明了,但我无法解决,因为二级菜单放在另一个“条带”中。容器,我不会修改结构HTML标记。
以下是要测试的工作代码:
答案 0 :(得分:1)
在两个菜单之间切换时,需要先清除现有菜单。此外,您需要清除它们的计时器。在以下代码中,使用了两个函数:第一个用于清除超时,第二个用于清除可见的子菜单。
var $submenu = $('.' + selector);
var visSub = $('.strip-header-submenu .submenu.is-visible').not($submenu);
if (visSub.length > 0) {
clearHideTimeout(visSub);
hideSubmenu(visSub);
}