问题标签 [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.
wpf - 如何在 WPF 和 MahApps 中创建汉堡包或 Glasswire 样式的菜单？
理想情况下，它应该看起来像 GlassWire 应用程序所具有的东西（左上角）：
它的行为就像一个应用程序图标系统菜单，但更明显和可定制。
我遇到的具体问题是：
1）我如何轻松添加标题栏友好的汉堡菜单按钮（理想情况下仅适用于XAML），例如通过mahApps:MetroWindow.LeftWindowCommands？
2）我如何自定义它看起来就像 GlassWire 的菜单按钮（顶部对齐零顶部边距细矩形）？我尝试使用对齐和高度，但它不起作用 - 顶部总是有一个间隙。
这是我到目前为止所拥有的（应用程序图标旁边的汉堡按钮）：
不幸的是，上下文菜单并不理想，因为它的行为需要一些 C# 代码才能使其正确。
android - 使用 AnimatedVectorDrawable 导致剪切到图标 Android
开始前我想告诉我我正在使用Vect Align库来变形这两个图像
图标
开始图标 (SVG)：https ://storage.googleapis.com/material-icons/external-assets/v1/icons/svg/ic_menu_white_24px.svg
结束图标 (SVG)：https ://storage.googleapis.com/material-icons/external-assets/v1/icons/svg/ic_close_white_24px.svg
Vect Align生成的路径
起始路径（drawer_path）：
M 3.0,18.0 l 18.0,0.0 l 0.0,-2.0 l -18.0,0.0 l 0.0,2.0 L 3.0,18.0 m 0.0,-5.0 l 18.0,0.0 l 0.0,-2.0 l -18.0,0.0 l 0.0,2.0 L 3.0,13.0 M 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,6.0 L 3.0,8.0 L 21.0,8.0 L 21.0,6.0 L 3.0,6.0 L 3.0,6.0
结束路径（close_path）：
M 19.0,6.41 l 0.0,0.0 l 0.0,0.0 l 0.0,0.0 l 0.0,0.0 L 17.59,5.0 m 0.0,0.0 l0.0,0.0 l 0.0,0.0 l 0.0,0.0 l 0.0,0.0 L 12.0,10.59 M 12.0,10.59 L 6.41,5.0 L 5.0,6.41 L 10.59,12.0 L 5.0,17.59 L 6.41,19.0 L 12.0,13.41 L 17.59,19.0 L 19.0,17.59 L 13.41,12.0 L 19.0,6.41
问题截图
项目中的 XML 文件：
矢量文件 (ic_drawer.xml)：
动画矢量文件 (ic_drawer_to_close.xml)：
动画文件 (drawer_to_close.xml)：
我希望有人能帮助我解决这个问题。
android - 当我单击工具栏上的汉堡菜单时，我想显示菜单
我到处搜索，但没有得到我想要的。
汉堡菜单点击工具栏，必须显示菜单，如导航抽屉菜单，但不是左侧，我想要从顶部。它必须有滑下动画
这是两张图片，在菜单图标单击之前显示我想要实现的目标：
点击后：
这是我的布局 xml
html - 切换点击无响应
我正在尝试创建一个移动响应菜单，我的主要问题是当我单击它时导航按钮不会切换。这就是我到目前为止提出的。HTML + JQuery：
这是CSS：
谢谢你的帮助。亚历山德罗
javascript - 窗口大小调整功能
我创建了一个汉堡菜单，它可以很好地下拉，但是如果我再次最大化窗口，则 ul 列表将保持隐藏状态，因为它们保持“不显示”状态。我知道我应该添加一个窗口调整大小功能，但我不确定如何。我怎样才能解决这个问题？
这是编码：
谢谢你。
jquery - Bootstrap 3：导航栏折叠折叠但不展开
我正在使用 Bootstrap 3 构建一个相当简单的静态网站。
在导航方面，我需要桌面上的全角导航栏和移动设备上的“汉堡”菜单。
所以我选择了 Bootstrap 的导航栏折叠：
正如许多其他类似问题中所建议的那样，例如this one或that one，我确实检查了我是否包含最新的 Bootstrap JS 文件，我的<head></head>标签之间有以下行：
————</p>
更新：我的还有以下内容<head></head>：
另外，在上面的代码下面，我还有一些自定义的JS脚本。
————</p>
更新 2：这是我的浏览器控制台日志：
————</p>
但是，当我在浏览器中调整窗口大小时，导航栏会变成汉堡菜单，但汉堡菜单不可点击且无法展开。
知道这里有什么问题吗？
html - How can I SIMPLY Toggle/Hide a Menu from sub-menu in AngularJS
So I've read through a few Stacks and am finding that I must create separate directives to hide/toggle a menu from it's sub-menu items.
I want the menu to HIDE when ANY of the sub-menu items are clicked.
But I feel like there has to be an easier way and am wondering if anyone knows if there is or not?
As of right now, I have my code set to list items that create tabs with values assigned to them. When a sub-menu item is selected, it hides all the tabs EXCEPT for the selected tab value. This way there is no page reload and no parameters being passed.
I'm hoping for a quick fix. I've attached a function prototype with plunkr: HERE
Again, this is just a prototype. The final version will be fancied up. I'm just looking for functionality advice.
codenameone - 汉堡菜单不见了
我发现我在模拟器和 ios 设备上的汉堡菜单“丢失” - 在模拟器上调试代码，方法被调用，但屏幕上没有显示任何内容。
针对早期版本的 cn1 构建解决了问题......那么，是否在最新代码中引入了错误或改变了汉堡菜单（SideMenu）的使用方式？
jquery - 导航菜单响应
我正在尝试使我的网站响应并在单击汉堡徽标时获取导航菜单，但单击时未显示。没有任何东西向下滚动。不要明白我做错了什么。这就是我所做的：
CSS：
android - 点击监听器上的工具栏汉堡？
我正在我的android应用程序中实现像google play这样的持久搜索视图。这是我的代码。
这里一切正常，但是当用户单击工具栏编辑文本（根据我的代码）时，我将汉堡包图标更改为后退按钮。现在如果用户点击后退按钮，它应该动画回到汉堡包并且应该隐藏edittext（根据我的要求）
但是，要做到这一点，我需要处理汉堡点击。我已经尝试过 onClickListners on toggle、actionbartoggle 等。但徒劳无功，请帮忙。