【问题标题】:Tooltip in Drop Down Menu Causes Menu to Hide on Mouseover下拉菜单中的工具提示导致菜单在鼠标悬停时隐藏
【发布时间】:2012-06-27 23:21:51
【问题描述】:

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

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

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

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

任何建议都会很好地让这些工具提示在我的下拉菜单中正常工作。现在它对任何使用菜单的人来说都是一个障碍,因为当他们将鼠标按下菜单时它会消失(它一定会点击工具提示)

【问题讨论】:

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


    【解决方案1】:

    我不知道为什么会这样,但这是我理解的。

    ("tooltipsy1389")

    上面的 div 集似乎在 ("dropdown_5columns menul2") 和 BODY 内部,当你 mouseOn $(#tooltipsy1389) 时,它被认为是 mouseOut of $(".dropdown_5columns,.menul2")。

    【讨论】:

    • 看起来工具提示 js 中的这一行正在将其添加到正文的底部: this.$tipsy = $('
      ').appendTo('body');但是我不知道如何使它附加到父 div。有什么建议吗?
    猜你喜欢
    • 1970-01-01
    • 2017-08-30
    • 2013-03-14
    • 1970-01-01
    • 1970-01-01
    • 2014-09-05
    • 2014-09-21
    • 1970-01-01
    相关资源
    最近更新 更多