我正在制作一个垂直菜单,它会在悬停时激活。您将鼠标悬停在左侧的菜单项上,而巨型菜单显示在右侧。从那里开始,我想将鼠标悬停在那些菜单项上,并让jQuery IU Tooltip显示下一级别,例如所有产品下的www.newegg.com。
当我将鼠标悬停在jQuery UI工具提示上时,下面的菜单消失了。我该如何阻止这种情况发生?
答案 0 :(得分:0)
我认为你最好自己制作javascript来处理这个问题。
使用jquery的$(element).hover()
和$(element).mouseout()
来完成此任务。
当用户将鼠标悬停在菜单项上时,您可以为其提供某种选定的类。然后你可以得到一些给出menu-item.selected > child-menu {display: block;}
的CSS。
当用户离开孩子时,您可以检查他们是否悬停在父菜单项中,反之亦然。如果是这样,请从该特定菜单项中删除selected
类。
编辑:确保您为所有子菜单提供display: none
的初始css