垂直悬停手风琴有哪些 jQuery 插件?我正在寻找一个用于菜单的插件,其中:
- 子菜单项只会在悬停一秒钟后展开(因此可能使用 hoverIntent 插件);
- 如果关闭 Javascript,它可以优雅地降级;和
- 当鼠标完全离开它时,将折叠/关闭任何子菜单项。
十分感谢!
您可以尝试jquery UI 手风琴。它有很多选项,您也可以自定义它。
我可能是错的,但我认为使用 mouseover 或 mouseenter 事件来控制垂直手风琴可能存在固有问题——除非你真的知道子菜单会是什么样子。
问题在于假设:子菜单中有很长的项目列表,下面还有一些简短的子菜单或单个菜单项。像这样:
因此,当您从 #2 移动到 #3 时,#2 会折叠,将您的指针放在列表的下方。你触发了#3、#4、#5 的所有mouseover/out 或mouseenter/leave 事件......并且可能会移过整个菜单......事情可能会开始疯狂地弹跳。
也许可以让 hoverIntent 插件工作,但我认为只使用鼠标点击是一个更优雅的解决方案。至少对于一个抽象的列表,就是这样。
嘿,看看这个 Hover Accordion 插件,我一直在寻找相同的效果,我发现了这个。http://berndmatzner.de/jquery/hoveraccordion/
这可能有助于您使用 jquery 的原始手风琴进行悬停。
$("#accordion").accordion({
event: "mouseover"
});
试试这些: