我想使用他们在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
答案 0 :(得分:1)
我在基本设置方面遇到了类似的问题。我的顶级项目没有链接到任何地方,我只有一个级别。
在jquery-accessibleMegaMenu.js
行631-657-ish中有两个功能。 _mouseDownHandler...
和_mouseOverHandler...
我从_togglePanel.call(this.event);
函数中取出mouseOverHandler
并将其放入_mouseDownHandler
函数中。
正如Vincent Manera所指出的那样,如果存在依赖悬停状态的子项目作为“点击”,则可能会有更多内容。可能会离开。
答案 1 :(得分:0)
您应该在脚本中将hover
事件更改为click
个事件。
在源代码中搜索.on
。该函数的第一个参数是事件。 mouseover
正在悬停,mouseout
是hover
事件结束时(鼠标离开元素)。我会尝试将mouseover
替换为mousedown
并删除mouseout
,但我从未使用此库。
答案 2 :(得分:0)
我快速回顾了" jquery-accessibleMegaMenu.js"所以我的回答可能为时过早。在这个java脚本里面查找两个函数的定义:_mouseOverHandler和_mouseOuthandler。这些函数处理光标悬停上的菜单显示。注释这些函数中的代码。不要对整个功能本身进行评论,否则可能会产生其他影响。
还测试是否通过这些功能处理子菜单项上的悬停事件。如果是这样,您可能必须修改这些事件以允许在子菜单上悬停效果。