问题标签 [hamburger-menu]

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 回答
1329 浏览

php - 汉堡菜单在 WordPress 网站上不起作用

这是我的网站: drawyourpets.com

我在这里按照教程:http: //www.internetkultur.at/simple-hamburger-drop-down-menu-with-css-and-jquery/,但不幸的是我的汉堡菜单总是可见的(它应该只是可见的从 0-780px) 并且它不起作用。

我将 HTML 部分的代码复制并粘贴到 header.php 中。本教程中的代码以 div class="mobile nav" 开头,并以各自的 div 结尾。我还添加了

将 header.php 链接到教程中的 javascript 代码。Javascript.js 已上传到子主题。

除此之外,我刚刚将教程中的 CSS 添加到我的子主题样式表中,上面有这个媒体查询:

所以我不确定我做错了什么或者我需要做些什么来解决它。如果您有任何想法,请告诉我。谢谢!

0 投票
0 回答
171 浏览

css - 从 wordpress 中删除三栏菜单导航图标

您好,感谢您花时间考虑这个问题。首先,我必须提一下,我绝不是一名程序员——我只玩了几个星期。

昨晚我试图为我未婚夫的清洁业务设计一个网站。我最终决定从免费的 Vantage Wordpress 主题开始。由于该版本中的菜单没有响应,我从 siteorigin 线程复制了以下代码:

它起作用了,我得到了一个汉堡菜单,除了文档正文中显示的相同菜单名称的副本。我最终发现 Vantage Premium 具有响应式菜单并进行了升级。我现在在手机上安装了 Vantage Premium 移动菜单,但我放的第一个汉堡菜单仍然存在并且不会消失。

我尝试从我的网络服务器上删除所有 vantage 文件,然后再次上传,但这并没有帮助。我还尝试清除手机上的缓存,但没有帮助。最后,我浏览了整个 style.css 文档,但没有发现任何异常,因为我已经删除了之前的汉堡菜单的代码。

您可以提供的任何帮助都会得到最大的帮助,因为我的未婚夫刚刚支付了托管费用,我告诉她我会让她成为一个响应式网站。

先感谢您。

亲切的问候,

马克·比顿

0 投票
1 回答
5142 浏览

android - 单击工具栏上的汉堡包图标不会打开导航抽屉

我有这个导航抽屉,它工作得很好。重构我的代码,我删除了所有onOptionsItemSelecteds活动,并使所有活动都继承自一个基本活动,该基本活动扩展AppComplatActivity实现了所有必要的方法。在此之后单击汉堡包图标不再起作用,即使我有syncstate() 和所有东西。

任何线索为什么这不起作用?

活动之一:

}

基本活动:

}

0 投票
1 回答
1561 浏览

drupal - 如何在引导程序中居中汉堡菜单图标?

我正在使用带有 Drupal 7 的 Bootstrap 3.6。我有一个用于移动导航栏的汉堡菜单,但是因为我有很多不理解汉堡菜单图标的用户,所以我添加了一个文本标签“菜单”。

问题是“菜单”这个词和汉堡图标出现在不同的行上,并且由于这个词更长,所以间距是关闭的。所以,我想将汉堡图标的位置居中。

这是我的 Drupal 模板中的代码。

不幸的是,text-center似乎不足以使汉堡图标居中。我不太熟悉 Bootstrap 制作图标的方式(通过 span 标签),所以如果有一些技巧可以让它们居中,请告诉我。

0 投票
1 回答
66 浏览

javascript - 汉堡菜单不起作用

我已经接近这个汉堡菜单,但它仍然无法正常工作。任何帮助都会很棒。(我敢肯定,这很明显,但是森林里的树木等等。)对于新手来说,似乎我的 js 无法正常工作/触发/无论正确的词是什么。也许我链接错了?

0 投票
1 回答
200 浏览

javascript - 调整窗口大小时切换图标的可见性

问题

我有一个下拉菜单,可以在导航打开和关闭时在汉堡菜单和十字图标之间切换。但是,如果用户打开菜单,然后调整窗口大小并且窗口宽度仍然小于 768 像素(仍然打开),它会显示两个图标堆叠在一起,而它应该只显示十字。

附带说明一下,我只是想简化这个 Javascript 片段的复杂性。我不确定添加和删除一个类is-visible是正确/最好的方法。

JSFiddle:https ://jsfiddle.net/bdmebsu8/

脚本.js

索引.html

0 投票
2 回答
1532 浏览

android - 如何像在 Gmail 中一样将向上按钮设置为汉堡包的动画

我已经看到了将汉堡包实现向上箭头导航的解决方案,反之亦然。而且我只在使用 DrawerLayout 的地方看到过这个。

现在我有活动 A 和 B。

Activity A 是启动器活动,它在操作栏中有一个汉堡图标,它实现了滑入和滑出 DrawerLayout 的向上按钮/汉堡动画。

在 Activity A 的某个地方,有一个启动 Activity B 的按钮。Activity B 有一个support.v7ActionBar 和

中调用onCreate。这会设置一个向上按钮,按下该按钮会将您带回活动 A。

您如何配置活动 B 中的向上按钮以动画到活动 A 中的汉堡包?

Gmail 执行此操作:当您单击完整电子邮件中的向上按钮以带您进入电子邮件列表时,它会将向上按钮设置为动画,将其转换为汉堡包按钮。

0 投票
1 回答
2734 浏览

html - 如何让响应式汉堡菜单不下推内容

我有这个响应式汉堡导航,目前正在向下推它下面的内容。有没有办法让它只悬停在内容上?我尝试了很多东西,我所做的一切都没有,但我不是专家。任何帮助深表感谢!谢谢!

jsfiddle在这里

0 投票
1 回答
493 浏览

android - 导航栏汉堡图标不起作用

我已经为片段事务创建了带有 viewPager 的 tablayout 活动。

现在我的设计改变了,要添加抽屉。因为汉堡菜单不起作用。从左侧滑动时它会出现,当我按下图标时它不会显示。我认为这可能是布局问题。但我正在努力修复布局。

我试过了,但是如果我改变抽屉的位置,整个片段都会向上移动。

布局:

0 投票
1 回答
2500 浏览

android - 如何更改默认汉堡图标?

我想更改汉堡图标。请给我一个解决方案。 MainActivity类如下: