下拉菜单中的工具提示导致菜单在鼠标悬停时隐藏

时间:2012-06-27 23:21:52

标签: jquery css drop-down-menu menu tooltip

我有一个下拉菜单,在下拉菜单中我有jQuery工具提示的图像(http://tooltipsy.com/)。当鼠标悬停在图像上时,工具提示显示正常。如果鼠标移开图像,工具提示将消失,菜单仍然存在。但是,如果你按下鼠标并将光标鼠标悬停在工具提示上,菜单和工具提示都会消失。

我查看了工具提示JS,并没有看到任何与实际鼠标悬停在工具提示相关的内容。

在此处查看菜单:导航菜单中的http://www.dotatryhards.com/鼠标悬停“GUIDES”,然后鼠标悬停在图片上。现在您将看到工具提示正常工作,将鼠标向下移动(因此它会触及工具提示),现在整个菜单和工具提示将消失。 (但是,如果您使用工具提示将鼠标悬停在图像上并将鼠标移开工具提示(因此光标不会触及实际工具提示),菜单将保留,工具提示将很好地隐藏))

工具提示JS:http://www.dotatryhards.com/js/tt.js

任何建议都可以让我在下拉菜单中正确使用这些工具提示。现在它对任何使用菜单的人来说都是一个障碍,因为当它们按下菜单时它会消失(它必然会出现一个工具提示)

1 个答案:

答案 0 :(得分:0)

我不确定为什么会这样,但这是我理解的。

( “tooltipsy1389”)

似乎上面的div组在(“dropdown_5columns menul2”)和BODY内部,当你使用mouseOn $(#tooltipsy1389)时,它正在考虑为$(“。dropdown_5columns,.menul2”)的mouseOut。