更改大型菜单以触发点击而不是悬停

时间:2014-06-04 01:40:02

标签: jquery drop-down-menu onclick accessibility megamenu

我想使用他们在github上提供的Adobe的Accessible Mega菜单。但是,这个巨型菜单会在悬停时触发,而不是点击,我不会在javascript中看到任何简单的方法来更改它。

除了这一个问题,我相信这个大型菜单的实现完全符合我的要求。是谁在jquery的高手能够指出我正确的方向。任何帮助或建议将不胜感激。

可在此处找到大型菜单:http://adobe-accessibility.github.io/Accessible-Mega-Menu/ &安培; jquery文件是:http://adobe-accessibility.github.io/Accessible-Mega-Menu/js/jquery-accessibleMegaMenu.js

3 个答案:

答案 0 :(得分:1)

我在基本设置方面遇到了类似的问题。我的顶级项目没有链接到任何地方,我只有一个级别。

jquery-accessibleMegaMenu.js行631-657-ish中有两个功能。 _mouseDownHandler..._mouseOverHandler...

我从_togglePanel.call(this.event);函数中取出mouseOverHandler并将其放入_mouseDownHandler函数中。

正如Vincent Manera所指出的那样,如果存在依赖悬停状态的子项目作为“点击”,则可能会有更多内容。可能会离开。

答案 1 :(得分:0)

您应该在脚本中将hover事件更改为click个事件。

在源代码中搜索.on。该函数的第一个参数是事件。 mouseover正在悬停,mouseouthover事件结束时(鼠标离开元素)。我会尝试将mouseover替换为mousedown并删除mouseout,但我从未使用此库。

答案 2 :(得分:0)

我快速回顾了" jquery-accessibleMegaMenu.js"所以我的回答可能为时过早。在这个java脚本里面查找两个函数的定义:_mouseOverHandler和_mouseOuthandler。这些函数处理光标悬停上的菜单显示。注释这些函数中的代码。不要对整个功能本身进行评论,否则可能会产生其他影响。

还测试是否通过这些功能处理子菜单项上的悬停事件。如果是这样,您可能必须修改这些事件以允许在子菜单上悬停效果。