问题标签 [megamenu]

我想我会开始

解释：

我目前正在构建一个用 jQuery 编写的站点，我正在使用多种技术，允许站点像 Ajax 对象一样在普通类中返回函数而不是单例，但我在页面的其他区域也有基于单例的类通过 Ajax 等异步加载...

一开始，我调用了一个自制函数，它是一个函数链，每个函数都附加到在我的单例页面类构造内部和外部声明的其他函数、类和变量（但仍然在同一个文档|窗口上）。“页面是类的实际名称”..等等

• 使用 md5 加密数据加载一些 Cookie (WORKS)
• 通过 Ajax 加载站点菜单栏，其中包含：“从数据库获取数据的站点菜单”、“搜索面板（jQuery 自动完成）下拉菜单”、“用户面板和购物车 HTML 下拉菜单” <-- （问题就在这里），然后使用 jQuery 智能菜单插件将其转换为智能菜单元素。
• 在第一步中设置属性的 Div 容器中加载页面正文 (WORKS)

问题：

如果我试图访问 Smartmenu 格式化元素内的 MegaMenu HtmlDropDown Div 中的现有 Div，我将无法在该下拉菜单中构建更多元素，因为我在页面开头调用 userPanel，这也是我的自动用户识别遇到了同样的问题，除非我使用 'itemActivate' a#mydiv 调用 API，插件将任何其他打开的大型菜单 CSS 显示属性设置为无

所以： 我目前还包括第二个 js 脚本，它有一个名为 ShoppingCart 的单例类，它有一个名为 ShoppingCart() 的函数...如果我在 $(window).load() 上调用它，我会得到 json 响应对象和可以将其填充到数组中...但除非我没有将 shoppingCart DropDown UL Tag 的 css 属性设置为“display”->“block”，否则我无法访问 smartmenu html 下拉菜单 megamenu 中的 div 并附加项目到那个 div 以及更多：我不能在我试图访问的巨型菜单 HTML 下拉 div 中的追加末尾调用 jScrollPane 插件，因为我使用另一个焦点在另一个菜单按钮上以确保一切已按原样加载！

有趣的事：

如果我在“setShopingCartItems”函数的每个附加函数中添加这些行，然后调用 jScrollPane 函数，它可以工作......但是当我更改到另一个包含滚动窗格元素的区域时，它会破坏滚动购物车区域中的窗格...

您对如何在不将父项的显示设置为阻止的情况下附加和样式元素有任何建议吗？或者我如何以更清洁的方式最好地实现这个目标？

感谢所有答案！提前致谢！

*编辑* 好的，我已经使用显示和不透明度属性设置显示来阻止和不透明度为 0...在我进行更改后，我将它们恢复为无显示和不透明度为 1...

我正在尝试 Mega 菜单示例，因为我已经包含了各种 js 文件。并试图获得大型菜单。我的代码如下。代码只是打印我的列表项。它没有显示菜单。

请查看以下代码有什么问题。

编辑：这是演示

我正在尝试在 great-news.ca 上为我们的网站创建一个 megamenu 我们在我们的城市发布 61 份时事通讯并为 110 个社区提供服务。这意味着......很多项目......需要尽可能干净地组织。

我不确定我是否知道如何描述我想要的……但我们开始吧：

我需要创建一个导航菜单，该菜单在顶部列出主要类别，并带有一个垂直下拉菜单，该菜单可以在一个大容器中列出其所有子项目列表作为弹出选项...

新闻通讯部分的 IE：

导航栏

                        通讯» 社区 » 服务 » 关于
                        SE 通讯
                        SW 通讯
                        NE 通讯
submenu} NW 通讯 » 第 1 栏 第 2 栏 第 3 栏
                                                     » 第 1 栏 第 2 栏 第 4 栏
                                                     » 第 1 栏 第 2 栏 第 3 栏 第 4 栏
                                                     » 第 1 栏 第 2 栏3 第 4 栏
                                                     » 第 1 栏 第 2 栏 第 3 栏 第 4 栏
....................li item.......> » 第 1 栏 第 2 栏 第 3 栏 第 4 栏

*不确定这是否会正确显示


这里列出了结合这两个元素的示例。

godaddy com/（在产品选项卡下）

callawaygolf com（高尔夫设备/高尔夫俱乐部）

他们做的正是我想要的......

请注意，我不希望将所有时事通讯项目都放在一个大容器框中......但是我想要一个垂直下拉菜单，其中包含一个带有该类别特定项目的弹出容器框。

因此，即使星巴克 com 和 www.microsoft com 是 megamenus 的绝佳示例，这也不是我想要实现的……我真的不想要一个混合了所有类别和子项的巨大容器，而是它们整齐地组织和隐藏，准备从下拉菜单项中调用。

我目前正在使用 wordpress 3.7 来构建网站，并且确实购买了一个名为 ubermenu 的插件http://wpmegamenu.com/，它的功能类似于星巴克和微软网站……但这不是我想要的，

有什么帮助吗？

我在使用 primefaces 4.0 生成 MegaMenu 时遇到问题，我一直在测试展示的示例，但仅适用于普通菜单，MegaMenu 有 subMenu 和列，如果我放入列表，如果它生成则放入列正常，还得做动态子菜单。

代码Java：

我展示了代码是否有效，但它不是动态的 MegaMenu。

我显示我的屏幕错误：

http://s2.subirimagenes.com/imagen/previo/thump_8726770menufailed.png

显示什么有效。

http://s2.subirimagenes.com/imagen/previo/thump_8726772menuok.png

我在<p:megaMenu>模板的标题上显示一个。

这<p:megaMenu>与所示链接所示的 PrimeFaces 展示中显示的相同（默认链接）。

如下所示。

当此菜单弹出时，它隐藏在内容栏的后面（<p:layoutUnit position="center"...>以及在快照中可以看到的左侧栏）。

我尝试过使用以下 CSS 类。

但无济于事。

如何解决这个问题？如何<p:megaMenu>在内容栏和左右侧栏上显示？

我在下面有一个数组：

我有一个 php 递归函数将此数组转换为 html 菜单：

此函数将输出 HTML 树：

但我需要得到类似的东西：_http://vasterad.com/plugins/responsive_css3_mega_menu/#

由列分隔，因为我的数据库中有一个列字段。如何修复我的递归函数？谢谢！

这是我目前正在处理的网站。

http://mdnetsolutions.com/

下拉菜单适用于除 IE8 及以下版本之外的任何浏览器。我已经尝试添加 htmlshiv 和我可以在这里找到的其他类型的修复，但仍然没有运气。

Mega nav jquery 是否未在 IE8 上加载？

http://codecanyon.net/item/shifty-nav-a-fully-responsive-js-css3-mega-menu/full_screen_preview/5319528

^ 这是我们目前使用的导航，但我在 IE8 中检查了这个，它工作得很好。

对于任何可以就该问题给我提示的人，我们将不胜感激。太感谢了。

我已经用 CSS 创建了一个超级菜单，并且正在寻找一种方法来获得它，以便当用户将鼠标悬停在菜单的主要部分上时，它会将下面的其余内容向下推，而不是将超级菜单悬停在内容。

所以看起来更像这样：

而不是它在这里的作用：http: //jsfiddle.net/ZwV5K/1/

这是我的html：

$main_menu)) ?>

这是我的CSS：

您可能可以在我的 jsfiddle 页面上更好地看到 HTML 和 CSS 代码。任何帮助/信息将不胜感激！谢谢！

我正在努力在 Drupal 中使用 jQuery 创建一个 Mega Menu，但我遇到了一些麻烦，我相信这是由于我缺乏使用 jQuery，也许你们中的一个人可以帮助我。

我想要它，这样当用户单击导航菜单的一部分时，它将显示该菜单的所有内容而不显示任何其他菜单内容，但如果用户再次单击它，它将折叠下面的菜单并且什么也不显示。我觉得我很接近，因为我目前拥有它，因此如果我单击菜单，它将显示其内容而不显示其他内容，但我的问题是，如果我单击一个链接，然后单击另一个链接，如果我回到新菜单，我必须单击该菜单两次才能显示其他链接。

我相信这是由于切换功能造成的，但我对我应该从这里去哪里有点困惑。有人对我有什么想法吗？这是我的 jQuery：

我也把一切都藏起来了document.ready。我只是觉得展示出来并不重要。任何帮助将非常感激。谢谢！

- -编辑 - -

这是 jsfiddle 以更好地展示一切都有些混乱。如果你只是玩标题，你会明白我在说什么。

http://jsfiddle.net/n5G8j/

我正在为使用 megamenu 的 drupal 7 构建的网站制作主题 css。

在 IE 7/8/9（但不是 IE10）中，当您将鼠标悬停在菜单项（a 元素）上时，它们具有蓝色背景，但我无法识别导致此样式的 CSS 规则以将其取消。该问题已在 drupal.org 上通过屏幕截图 ( https://drupal.org/node/2106415 ) 进行标记，但尚无解决方案。

我梳理了 megamenu 模块 css 以及一些基于引导程序的主题 css，发现很多样式似乎将蓝色或“继承”背景应用于由各种悬停状态和/或活动父元素选择的 megamenu 元素，复制这些选择器中的每一个，并试图通过应用于所有选择器来取消蓝色背景：

没有成功。

绝望中我尝试了（#region-menu 是我的 megamenu 所在的容器）

这摆脱了 IE7 中的悬停状态蓝色背景，但在 IE8/9 中没有！

然后我尝试强制 IE 调试器识别样式的来源。我试过这个技巧： Is there a way to test CSS :hover in IE Developer tools? 但是当我显示样式时，跟踪样式显示我上面的规则是活动的，即使 IE 显示蓝色背景，而不是透明背景。

我完全不知所措，我向任何找出导致这种蓝色背景的原因的人致敬！