问题标签 [megamenu]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
621 浏览

css - 如何防止链接在 CSS megamenu div 中换行(继承问题)

我正在尝试创建一个 megamenu(参见小提琴: http: //jsfiddle.net/BKHNk/),但我遇到的问题是当我将链接放在从菜单中飞出的 <div> 中时。菜单 1 下的下拉菜单是我希望它看起来的样子,但是一旦我将文本转换为菜单 2 中所示的链接,所有格式都会变得混乱。我认为问题在于链接正在继承属性,但我不知道防止这种情况发生的最佳方法。

基本上,我希望宽度根据内容尽可能地减小。部分文本应位于一行。小节项目都应该在自己的行中,每个小节文本(但不是逗号)作为链接。同样,基本上与菜单 1 的外观完全相同。

我还尝试将小节项目更改为无序列表,但这变得更加复杂,我认为没有要这样做。

任何人都可以帮我弄清楚是什么使第二行中的所有文本都被继承以及如何防止它发生?谢谢!

HTML 代码如下:

下面的CSS:

0 投票
1 回答
204 浏览

javascript - jQuery在悬停时暂停预显示大型菜单

有一个小菜单,需要在悬停短暂暂停后出现一个大型菜单,否则它会随着每只鼠标悬停而立即出现,这有点忙。

超级菜单工作得很好,直到悬停的东西变得非常烦人!

尝试使用hoverIntent但无法弄清楚它仅通过链接而不是链接和菜单来停止鼠标“不显示”所需的功能,如果这有意义的话?

我可能的裤子代码是这样的......

我一直在研究以前提出的问题,并看到一些提及SetTimeOut等?但我无法确定它的头或尾。

0 投票
1 回答
2237 浏览

jquery - 页面加载时的垂直 jquery megamenu 插件子菜单

我正在使用来自http://www.designchemical.com的 jquery Vertical Mega 菜单, 当我的页面加载它时,它首先显示所有菜单(包括子菜单)一瞬间呈现,然后子菜单消失,看起来像一个普通的垂直菜单。

我尝试使用为水平巨型菜单提供的以下解决方案,但这不起作用......

请建议如何使它工作

html代码

0 投票
1 回答
2623 浏览

css - 由于父级的最大宽度,下拉菜单被切断

我已将Mega Menu 插件集成到我正在开发的 Wordpress 网站中。最后一个菜单项被截断,因为主容器已max-width设置。我希望最后一项溢出,同时仍然保持不变max-width。我已经尝试在 menu和main容器上设置overflow-x和,但无济于事。 z-indexullidiv

编辑:菜单的父级了overlow: hidden。设置它来overflow: inherit解决问题。

0 投票
1 回答
2135 浏览

css - 元素在孩子时失去“悬停”状态