问题标签 [mmenu]

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 投票
2 回答
1001 浏览

jquery - jquery.mmenu如何直接跳转到子页面

我正在使用 jQuery 的 mmenu 插件——http: //mmenu.frebsite.nl/

我遇到的问题是,当我最初打开菜单时,我希望它跳转到与当前面包屑最匹配的条目的页面。找到元素不是问题。例如

我找到要显示的项目,然后对其执行 trigger("open.mm") 。

因此,如果我尝试打开“土地”页面,它会起作用。它将“车辆”设置为打开状态,我在带有汽车和火车的页面上。

但是,如果我尝试直接打开 Cars 页面,则什么也不会发生。它在 Land 和 Cars 上设置样式,但 Vehicles 页面仍然是显示的页面。

直接跳转到第三级页面的技巧是什么?

0 投票
1 回答
459 浏览

jquery - 菜单计数器的事件监听器

我正在使用 mmenu 插件来构建类似页面的应用程序。(链接 - http://mmenu.frebsite.nl/

在高级页面(http://mmenu.frebsite.nl/mmenu-3.0.2/docs/examples/advanced.html)上,如果我添加一个li选项Work Colleagues并使用内联样式隐藏它display:none,计数器仍然增加一,不理想。

是否有任何事件侦听器/事件可以允许这样做,以编程方式更新菜单并保持正确的计数。

0 投票
2 回答
5774 浏览

jquery - 如何将jquery mmenu更改为从右侧打开?

我正在尝试为 mmenu 创建一个自定义行为,以便从网站的右侧打开。

有关于如何改变这种事情的指南吗?这是我到目前为止得到的。

http://codepen.io/davo/pen/krxLw

无论如何,我会继续努力,如果我找到合适的方法,我会在这里发布。

0 投票
1 回答
781 浏览

mmenu - 克隆菜单后 mmenu 不再起作用

我使用了http://mmenu.frebsite.nl/,当我没有克隆导航时,它对我来说效果很好。但是,如果我用来克隆菜单,菜单就不会再打开了。

任何解决方案为什么会发生这种情况?

0 投票
1 回答
871 浏览

jquery - 为什么我的菜单总是位于页面顶部?

我有一个 jquery.mmenu,它位于桌面视图中页面的一半左右,我相信脚本将它定位为正文中的第一项。

我们只在移动设备上以响应式布局使用 mmenu,因此我们希望它不会影响我们的任何桌面样式。

有没有办法去掉定位,让我们的菜单在桌面视图中相对定位?

注意:我们位于强大的防火墙后面,因此我没有查看该站点的链接。如果确实需要,那么我可以花一些时间将页面移动到另一台服务器进行查看。

谢谢!

只是为了澄清原始帖子/问题并提供更多细节。

我们的网站上有两个 NAV 块。一个在顶部,一个在中间页面。在原始代码中,导航容器被放置在其他 div 容器中,以控制它们在布局中的位置。

mmenu 似乎从它们的原始位置抓取了两个导航容器,并在 mmenu js 执行期间对主体进行了前置操作。这会更改原始代码中的定位以使 mmenu 工作。

位置的变化显然会导致在桌面视图中查看时布局无法正确加载,因为过去位于页面中间的 div 容器中的菜单现在呈现在页面顶部,因为它的 mmenu 修改位置。

有没有办法只在小于 800px 的屏幕调整大小时初始化 mmenu,或者在桌面视图中卸载它并将导航容器放回原来的位置?

我尝试了各种方法来处理导航的重定位,但取得了微不足道的成功。

尝试了以下方法:

  • 添加了一些脚本来检查浏览器窗口的大小调整,并用 if 包装 mmenu 代码,以便仅在浏览器窗口为 800 像素或更少时运行它。这有点效果,因为一旦执行 mmenu js,导航位置就会改变,即使浏览器的大小调整到 800 像素以上,导航容器仍然保留在不正确的位置。

  • 我尝试了上面的方法,添加了一些代码来抓取应该放在页面中间的导航容器,并将其重新写入分辨率高于 800 像素的 div 容器中,但这适用于移动设备和桌面视图。从桌面到移动似乎不会触发 mmenu,因为我确实相信它的大部分更改都是在页面加载时完成的,因此调整大小不会再次触发脚本以根据 mmenu 的需要更改导航容器。

如果我将浏览器窗口缩小到移动大小并刷新页面,则 mmenu 加载正常。

我们试图实现的行为与媒体查询几乎相同,因此我们可以根据需要以不同的分辨率控制 mmenu 的执行。

modernizr、enqueue、yepnope 都试过了,但似乎都只触发一次脚本,而不是因为屏幕大小发生了变化,而且显然没有解决导航容器位置的变化。

显示正在发生的事情的示例代码:

原始站点结构(缩短以仅显示相关项目):

MMENU 修改结构(在 mmenu.js 执行后):

希望以上内容可以进一步澄清我们遇到的问题。

最终目标是仅在移动设备中使用 mmenu 及其功能/样式,并使用我们自己的 CSS 菜单和桌面中的子菜单保持正确的位置,如上面的示例结构所示。

提前感谢您对此的任何帮助,因为我们几乎陷入困境。

0 投票
1 回答
822 浏览

javascript - 如何按屏幕尺寸设置不同的菜单选项?

我正在使用 mmenu ( http://mmenu.frebsite.nl ) 创建我的移动菜单。我像这样实现我的 jQuery 代码:

我想,当我的浏览器窗口小于 720 像素时,设置dragOpentrue,当我切换回正常分辨率时,将其设置回false.

任何帮助是极大的赞赏。

谢谢

0 投票
2 回答
506 浏览

javascript - mmenu 在移动设备上展开时隐藏地址栏

我正在为移动页面使用 mmenu ( http://mmenu.frebsite.nl/ ) jQuery 插件,并且我试图始终隐藏 iPhone 上的地址栏。我目前有:

但这仅在页面加载时隐藏,因此当我单击左侧菜单和右侧菜单按钮并且菜单展开时,地址栏会重新出现。想知道当菜单处于展开状态时是否有办法隐藏地址栏。

0 投票
2 回答
593 浏览

jquery - 如何编辑 jQuery.mmenu.js 以允许定位类(不仅是 ID)?

我正在开发一个移动网站,我想在 div 下显示隐藏的子菜单,例如 Twitter 的移动网站(滑动推文以显示其他选项)。我真的很喜欢 jQuery.mmenu.js 插件中的界面,但它仅限于目标 ID,我需要定位类。

我确定这是 Fred 设置的,这意味着理论上它可以更改。

代码都可以在这里下载:http: //mmenu.frebsite.nl/

PS。根据 Fred 的联系要求,这篇文章主要是针对 Fred 的,但如果有人能想到解决方案,我很乐意尝试。

0 投票
1 回答
203 浏览

mmenu - mmenu - Windows Phone URL 损坏

我遇到了jquery脚本"mmenu"http://mmenu.frebsite.nl/)的问题,我的移动布局一切正常iOS (6 & 7),菜单打开没有任何问题,我可以在菜单中导航。Windows Phone 除外7.8 & 8。有什么问题?在主页上,我可以打开菜单并且链接工作正常,但是当我选择一个子菜单页面并尝试导航到另一个站点时,我得到一个404错误。

我的 URL 架构是(并且我使用基本标签):

在没有激活 mmenu 的情况下,在 WP 中工作正常的 URL。

您可以使用下载中给出的示例重现该问题。为此,只需在示例中添加一个文件夹,复制一个example-webpage,使用 base-tag 编辑复制的 html 文件并将 submenu-urls 更改为"test/mytest.html".

正确的url应该是(在子菜单中观看正确的基本标签)mytest.com/test/mytest2.html,但我得到了URLmytest.com/test/test/mytest2.html

0 投票
3 回答
3715 浏览

javascript - Jquery Mmenu:打开子菜单

我正在尝试使用 mmenu jquery 插件从父链接打开一个子菜单,并且几乎得到它,但是一旦打开子菜单,该功能也会关闭菜单(主菜单从左侧打开)。

我懂了:

因此,当我单击“指南”链接时,会打开子菜单,但也会关闭主菜单,并在右侧显示动画。有谁知道打开子菜单的正确方法是什么?

这是插件页面:http ://mmenu.frebsite.nl/ 不是一个简单的 jquery javascript。

谢谢。