2

垂直悬停手风琴有哪些 jQuery 插件?我正在寻找一个用于菜单的插件,其中:

  • 子菜单项只会在悬停一秒钟后展开(因此可能使用 hoverIntent 插件);
  • 如果关闭 Javascript,它可以优雅地降级;和
  • 当鼠标完全离开它时,将折叠/关闭任何子菜单项。

十分感谢!

4

4 回答 4

1

您可以尝试jquery UI 手风琴。它有很多选项,您也可以自定义它。

于 2009-04-03T06:44:11.510 回答
1

我可能是错的,但我认为使用 mouseover 或 mouseenter 事件来控制垂直手风琴可能存在固有问题——除非你真的知道子菜单会是什么样子。

问题在于假设:子菜单中有很长的项目列表,下面还有一些简短的子菜单或单个菜单项。像这样:

  • 菜单
    • 1
    • 2
      • 一种
      • b
      • C
      • d
      • e
      • F
    • 3
    • 4
    • 5
      • 一种
      • b
      • C

因此,当您从 #2 移动到 #3 时,#2 会折叠,将您的指针放在列表的下方。你触发了#3、#4、#5 的所有mouseover/out 或mouseenter/leave 事件......并且可能会移过整个菜单......事情可能会开始疯狂地弹跳。

也许可以让 hoverIntent 插件工作,但我认为只使用鼠标点击是一个更优雅的解决方案。至少对于一个抽象的列表,就是这样。

于 2009-08-06T00:48:07.813 回答
1

嘿,看看这个 Hover Accordion 插件,我一直在寻找相同的效果,我发现了这个。http://berndmatzner.de/jquery/hoveraccordion/

这可能有助于您使用 jquery 的原始手风琴进行悬停。 $("#accordion").accordion({ event: "mouseover" });

于 2010-07-16T22:36:27.527 回答