0

我想使用他们在 github 上提供的 Adob​​e 的 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

4

3 回答 3

1

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

jquery-accessibleMegaMenu.js第 631-657-ish 行中有两个函数。_mouseDownHandler..._mouseOverHandler...

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

正如文森特·马内拉(Vincent Manera )所指出的,如果存在依赖悬停状态的子项,因为“单击”可能会导航离开,则可能还有更多内容。

于 2016-02-03T16:43:01.783 回答
0

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

.on在源代码中搜索。这个函数的第一个参数是事件。mouseover悬停,mouseout是您的hover事件结束时(鼠标离开元素)。我会尝试替换mouseovermousedown删除mouseout,但我从未使用过这个库。

于 2014-06-04T02:17:26.850 回答
0

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

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

于 2014-06-04T18:16:08.780 回答