问题标签 [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 回答
914 浏览

prestashop - 超级菜单 Prestashop

我试图为此寻找解决方案,但似乎无法在任何地方找到它。

我正在寻找样式化 sub > sub 类别的下拉菜单。所以层次结构是 -

根>子类>子类>子类

目前它一直工作到 Root > sub category > sub category 但除此之外,它只列出该子类别下的子类别,而没有认识到它上面有一个类别头。

非常感谢!

0 投票
5 回答
160 浏览

html - 导航菜单栏不能居中对齐

我正在使用 meganizr 超级菜单。通常它可以左对齐或右对齐。但为了我的要求,我试图让它居中对齐。在这里,我做了一个在线要点。

在第 35 行,如果我删除 float:left 并将 text-align:center 赋予 ul 或 li,它将是垂直的。我试过左边:240px;它位于中心,但没有响应。我在这里尝试了其他问题的解决方案一整天。但无法同时居中对齐菜单和响应。有人可以帮我吗?

0 投票
1 回答
1986 浏览

html - Megamenu 下拉菜单在 IE8 或更低版本的 IE 中不起作用

嗨,我正在使用基于这个http://geedmo.github.io/yamm/的 megamenu ,我只是无法使下拉菜单适用于 IE8。

0 投票
2 回答
3339 浏览

jquery - asp.net web 表单的超级菜单

我想向基于 asp.net 网络表单的网站添加大型菜单功能。

我喜欢这个超级菜单示例

如果有人可以指向显示 asp.net 应用程序的大型菜单的教程或指南,我将不胜感激。

我想知道大型菜单的设计注意事项,例如数据库结构编码技巧等。

我在网上寻找,但找不到与 asp.net 相关的太多内容。可以找到基于 PHP 的 CMS 的大型菜单插件,例如 WordPress 或其他 CMS。

对此的帮助表示感谢。

我需要这个来学习曲线,现在这在网络上变得很普遍,其他基于 jquery 且与 asp.net 兼容的 Mega 菜单将是一个很好的资产。

我现在有一个简单的菜单结构。

示例代码

我需要将上面的简单下拉菜单更改为超级菜单,例如我需要将项目子菜单显示为下拉菜单,并在将鼠标悬停在项目一/项目二/项目三上时在下拉菜单中显示以下内容

项目形象

项目名称

项目描述

我可以使用 ajax 调用或在页面下载上发送整个信息然后显示它吗?

超级菜单:我需要类似于这个例子的东西

0 投票
0 回答
1721 浏览

javascript - 带有 jquery 的超级菜单和选项卡

我需要创建一个类似于本网站所用内容的大型菜单。

这张图片可能会给我更多关于我想要达到的目标的想法。

在此处输入图像描述

到目前为止,我无法找到与网站上使用的类似的任何东西。

我遇到了带有漂亮标签的jQuery Tools 网站。我正在尝试将其整合到我的菜单中,以便对大型菜单有印象。

到目前为止,我不确定如何将它集成到我的导航中,并使其看起来类似于上图中显示的内容。

我试图对 css 进行更改,以便descriptiondiv 将显示在子菜单旁边,但它没有正确显示。

感谢您提供这方面的帮助。

我的jsFiddle代码

我将感谢您对本次阅读的帮助。

0 投票
0 回答
299 浏览

javascript - 带有嵌套 div 的菜单

我需要制作一个类似于下图所示的大型菜单/可混搭菜单 在此处输入图像描述

到目前为止,我已经能够在某种程度上使它在jsFiddle HERE上工作。

这有一些设计问题和一个功能问题。

当我尝试隐藏每个下拉菜单的默认文本时,//$(this).find(".nav-info").hide();菜单 4 和 5 不会显示在右侧。

我实际上是在尝试创建一个类似于本网站上的菜单。在这个网站上,他们还显示了我实际上不需要的父菜单的默认文本。

我修改了脚本以显示第一li个子菜单,它适用于父菜单一、二,但会为菜单四和五产生对齐问题。

如果有人可以帮助我解决此问题,我将不胜感激...

代码

0 投票
1 回答
1045 浏览

javascript - 在 megamenu hoverout wordpress 上添加延迟

当我从菜单中移除鼠标指针的那一刻,它全部消失了,我觉得这很烦人。我想稍微延迟一下,以便当我不小心滑出菜单时菜单更宽容,或者可能使用 hoverIntent。问题是,无论我用谷歌搜索多少,我都找不到任何地方有足够我理解的指南。当谈到 javascripting 时,我是一个真正的新手。:)

我在 scripts.js 下找到了这个,我认为它是控制菜单悬停属性的编程:

如果这可能是一个相当具体的问题,我很抱歉,但是每次我尝试从其他人的问题中实现某些东西时,我的网站都会崩溃:P

提前致谢!

编辑: 我在functions.php下注册了hoverIntent

稍后被 wp_enqueue_script('hoverIntent2');

0 投票
2 回答
254 浏览

css - 带有相对链接的全宽子菜单

我想知道如何实现全宽子菜单。我做到了,但内容下拉总是从左边开始而不是相对

这是我的小提琴 http://jsfiddle.net/cancerian73/RB9jX/1/

问题是所有内容都从左边开始我希望它们根据项目列表相对开始保持子菜单宽度 100%

请看截图。悬停在 about 上时的菜单应该是相对的,而不是从具有全宽子菜单的左侧开始在此处输入图像描述

请告诉我

谢谢

0 投票
2 回答
3132 浏览

php - 在 Laravel 中使用 PHP 的超级菜单

编辑:根据汤姆的建议,这是我修改后的代码。效果很好,谢谢汤姆。

虽然现在我想在#laravel IRC 中从 machuga 获得一些建议后,我应该在内存中创建一棵树。基本上基于这个 SO answer Flat PHP Array to Hierarchy Tree


我正在尝试在我的 Laravel 应用程序中创建一个具有以下结构的大型菜单,以便它与 Bootstrap 2.3 一起使用。

在我的数据库中,我有以下内容:

我正在努力处理 for 和 foreach 循环逻辑,以便在 li:one-column 元素中生成 ul 元素。我想要最多 4 列,根据需要有多少行,这取决于有多少子类别。

因此,在类别表中,顶级类别不会分配给它的“parent_id”,但子类别将分配给它的顶级“parent_id”。

因此,我可以通过 $categories 作为 $category 进行 foreach 并设置顶级菜单结构,该结构将为每个顶级类别创建一个 li:dropdown 元素。尝试实现 li:one-column 元素时会出现问题。每个 li:one-column 元素本质上是超级菜单中的一列,所以我最多需要四个。列中的每个 ul 都是一个子类别。

因此,如果顶级类别下有 13 个子类别,则每列将具有以下内容:

然后,如果添加了一个新的子类别,它将是:

等等。所以基本上每个新的子类别都会填满下一个可用的列。

可能有一个非常简单的解决方案,但我现在正在努力解决这个问题。提前致谢。

编辑:我越来越接近使用:

我仍然不完全在那里,因为它将所有 sub_categories 添加到每个 li:one-column 元素。我觉得我当然更接近解决方案。

编辑:好的,我现在更接近了。我现在只能输出每个 li:one-column 元素中的最大迭代次数,但它输出完全相同的数据。我需要一种方法来从它中断的地方继续 foreach 循环。

编辑:好的,这是我迄今为止最接近的,它几乎就在那里。但仍然不对,因为它在第一列、第 2 列、第 3 列输出 1 个子类别,但在第 4 列输出 2。:-(

0 投票
2 回答
183 浏览

javascript - 将类添加到动态加载的菜单

我的菜单是通过使用 Web 服务返回的 javascript 构建的,如下所示:

我需要将类添加到具有<ul><li>内部的父列表项的子菜单项。

这是我的导航。

这是实际的小提琴:http: //jsbin.com/urIlAlO/1/edit

为什么我的脚本无法将类添加到菜单项。我正在尝试将下拉菜单转换为两个列式巨型菜单样式的东西。

请帮助我理解为什么向动态内容添加类不起作用但是,如果我直接添加 html 它可以工作吗?此处示例:http: //jsbin.com/iHaqihI/1/edit