如何将鼠标悬停在jQuery UI Tooltip上,而不会丢失下面的onHover菜单

时间:2016-08-16 18:10:19

标签: jquery css jquery-ui hover tooltip

我正在制作一个垂直菜单,它会在悬停时激活。您将鼠标悬停在左侧的菜单项上,而巨型菜单显示在右侧。从那里开始,我想将鼠标悬停在那些菜单项上,并让jQuery IU Tooltip显示下一级别,例如所有产品下的www.newegg.com

当我将鼠标悬停在jQuery UI工具提示上时,下面的菜单消失了。我该如何阻止这种情况发生?

1 个答案:

答案 0 :(得分:0)

我认为你最好自己制作javascript来处理这个问题。 使用jquery的$(element).hover()$(element).mouseout()来完成此任务。

当用户将鼠标悬停在菜单项上时,您可以为其提供某种选定的类。然后你可以得到一些给出menu-item.selected > child-menu {display: block;}的CSS。

当用户离开孩子时,您可以检查他们是否悬停在父菜单项中,反之亦然。如果是这样,请从该特定菜单项中删除selected类。

编辑:确保您为所有子菜单提供display: none的初始css