问题标签 [megamenu]

我一直在网上寻找，但找不到解决方案。我对 jQuery 也很陌生。

我的情况：

我有一个导航栏，其中的每个链接都激活/触发一个 megamenu（每个链接都有自己的 megamenu）。

我需要的：

我需要一种方法让每个链接激活它自己的 megamenu，megamenu 应该在以下情况下关闭：

1. 用户单击导航栏中的另一个项目。

2. 用户单击导航栏中的相同项目。

3. 用户单击 megamenu 内的“关闭按钮”(X) 图形（为简单起见，未在 HTML 中显示）。

HTML：

我看过“性感下拉菜单”的脚本，但问题是它关闭了由单击悬停触发的菜单，正如我所说，我是 jQuery 新手，我想不出办法使其适应我的需要。

http://www.sohtanaka.com/web-design/examples/drop-down-menu/

任何帮助将不胜感激。

谢谢。

我有一个大型菜单，我遇到了两个问题。

1. 当我将鼠标悬停在每个部分上时，我似乎无法保持悬停状态。
2. 触发巨型菜单的标题标签似乎具有它们所在容器的宽度。这会导致巨型菜单弹出，即使您没有在视觉上翻转它。

我在这里发布了我当前的超级菜单代码：http: //www.boyga.com/mega-menu/

我正在使用 hoverintent 插件。

我正在尝试使用 WPF 实现“Mega Menu”样式的菜单。要查看网页设计中的大型菜单示例，请参见此处。

到目前为止，我已经尝试通过使用 TextBlocks 作为菜单的最高级别来创建类似的界面，然后使用鼠标悬停事件显示位于文本块下方的附加窗口。这是繁琐且不灵活的，未来的更改将需要动态添加/删除 TextBlocks。

我考虑过使用 WPF 菜单控件，因为我知道样式可以进行大幅度修改，但是我还没有看到任何方法可以使用菜单控件使用的分层模型生成多列布局。

有一个更好的方法吗？我是否必须坚持使用自定义窗口和相对定位？有人可以指出一个已经实施的例子吗？

可能无法解决此问题。我正在使用 DOM 准备好时加载的 jquery 下拉菜单。据我了解，这意味着它会等到页面完全加载，直到它可以使用。

这对于菜单系统来说是有问题的，因为人们希望经常在加载整个页面之前立即使用菜单。

这是我的网站，您可以在其中看到这种情况。 http://bit.ly/g1sn5t

这是我用于菜单的脚本

反正有没有让这个在其他一切之前加载？

我有这个超级菜单，我想在悬停时显示并保持打开状态，直到用户离开超级菜单或触发区域。我让它在点击时工作，但我似乎无法让它在悬停时工作。任何帮助将非常感激。

你也可以在这里看到它http://jsfiddle.net/notanothercliche/5CDEE/

更适合点击版本，我使用了 toggleClass 和 slideToggle。这样编码要短得多。在此处查看演示http://jsfiddle.net/notanothercliche/5CDEE/

我正在使用基于 Mega Dropdown css 的菜单。我不想在悬停时显示项目，而是希望在单击时显示它。我还希望向下滑动直到我单击页面上的任何其他位置或向下滑动上的关闭按钮（我打算添加它）。

感谢您的帮助和任何反馈

谢谢

LJ

新手问题：我正在构建一个动态生成的超级菜单。每个超级菜单显示几个子菜单和链接。因为我不知道会有多少子菜单和链接，所以布局有问题。我现在的想法是在生成菜单时使用这种结构：

不过，我在布局方面遇到了很多麻烦。我将容器宽度放入窗口中，然后向左流动。但我不断得到看起来像这样的菜单：

Submenu1 Submenu2 Submenu3 Submenu4
Submenu5

有没有更好的方法来生成布局，使其更加对称？我希望它看起来像这样：

Submenu1 Submenu2
Submenu3 Submenu4
Submenu5

提前致谢！

以下导航菜单代码在 IE8 和 Firefox、Chrome 等环境下运行良好。但是，我在 IE7 上遇到错误。

我的 megamenu 下拉菜单无法显示在图像上。请注意，在 IE7 中，当我将鼠标悬停在黄色区域上时，图像（谷歌搜索图像）在 z-index 中的显示位置更高。为什么是这样？

作为参考，这是我目前正在使用的代码，以防有人想在他们的最后尝试这个：

我一直在无休止地寻找解决这个问题的方法，到目前为止，还没有找到。这个想法是有些模板具有内置系统，但它们要求您使用他们的模板才能使其正常工作。

我只想要一个菜单​​（就像这里的那个：http: //net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu / ) 在没有任何依赖插件/模块的情况下在 Joomla 中工作。

有没有人设法在 Joomla 中做到这一点？先感谢您。

我正在使用 jQuery 对这个 MegaMenu 进行编码。这是网址：http ://h1.servy.net/sgtlmm/

它在所有浏览器中都可以正常工作，但仅在 IE7 中，当将鼠标悬停在“最新”或“个人”等菜单项上时，您可以看到 megadropdown 显示在当前项上。对于该项目的其余部分，它很好。只有当前菜单项和之前的项目会导致问题。

带有灰色边框的巨型下拉菜单显示在 IE7 上的最新菜单项上。那就是问题所在 ：（

我在父元素中尝试过 position:relative，更高的 zindex，但似乎没有一个工作。需要你的帮助，拜托！提前谢谢了。

我还有另一个问题，即为“中小型企业”等内部项目定位大型下拉菜单。你也可以帮我吗？谢谢。