【问题标题】:jquery LI's anchor hover problem [JSFiddle inside]jquery LI 的锚点悬停问题【JSFiddle inside】
【发布时间】:2011-04-11 22:29:41
【问题描述】:

请参阅 JSFiddle 以获得关于问题的清晰概念 - http://jsfiddle.net/PeYYZ/

上面的那种做我想要的。当我将鼠标悬停在li.parent 上时,ul.child 菜单会淡入,这很好。我希望子菜单保持打开状态,除非用户选择另一个 li.parent。我试着搞乱mouseleave,但我不认为那是我想要的。

我需要的逻辑是:

  1. 如果用户将鼠标悬停在 li 上 类parent,展示它 ul.child

  2. 如果用户随后将鼠标移动到其他位置 不是li.parentul.child 应该保持打开状态。

  3. 如果用户移动到另一个li.parent,那么应该打开那个li.parent ul.child,而之前打开的那个应该 消失。

提前致谢

【问题讨论】:

    标签: jquery html css hover


    【解决方案1】:

    像这样? http://jsfiddle.net/nzFZ6/ 我也必须编辑 CSS 部分。

    【讨论】:

      【解决方案2】:

      这是我的解决方案:http://jsfiddle.net/MFZ8Q/

      关键是只选择 li.parent 的直接后代链接,然后确保它们可见。

      希望这是你想要的:)

      【讨论】:

      • 也不错的解决方案,不知道哪个更快...顺便说一句,如果没有mouseout 处理程序,您不应该使用hover()
      • 好点胶囊,我现在更新我的只使用 .mouseenter() jsfiddle.net/MFZ8Q/1。谢谢。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-01-11
      • 1970-01-01
      • 1970-01-01
      • 2012-06-19
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多