无法在ReactJS中关闭汉堡包菜单
在ReactJS中关闭汉堡包菜单可以通过以下步骤实现：
- 创建一个状态变量来控制菜单的显示与隐藏。可以使用React的useState钩子函数来创建一个布尔类型的状态变量，初始值为false，表示菜单默认是关闭的。
import React, { useState } from 'react';
function App() {
const [isMenuOpen, setMenuOpen] = useState(false);
// 其他组件代码...
return (
<div>
{/* 菜单按钮 */}
<button onClick={() => setMenuOpen(!isMenuOpen)}>菜单</button>
{/* 菜单内容 */}
{isMenuOpen && (
<div>
{/* 菜单项 */}
<ul>
<li>菜单项1</li>
<li>菜单项2</li>
<li>菜单项3</li>
</ul>
</div>
)}
{/* 其他组件代码... */}
</div>
);
}
export default App;- 在菜单按钮的点击事件中，通过调用setMenuOpen函数来更新isMenuOpen状态变量的值，从而实现菜单的显示与隐藏。通过使用逻辑非运算符
!来切换菜单的状态。 - 使用条件渲染来决定是否显示菜单内容。通过在菜单内容的外层包裹一个条件判断，只有当isMenuOpen为true时，才渲染菜单内容。
这样，当点击菜单按钮时，菜单的显示与隐藏就可以在ReactJS中实现了。
请注意，以上代码只是一个简单的示例，实际项目中可能需要根据具体需求进行适当的修改和优化。
关于ReactJS的更多信息和学习资源，可以参考腾讯云的产品介绍页面：ReactJS产品介绍
相关·内容
1回答
我正在尝试实现以下场景
当前，当用户单击汉堡包菜单时，用户将被导航到特定页面，但当用户在主页上单击菜单中的主页链接时，则汉堡包菜单将保持打开状态。我想关闭/隐藏/关闭菜单，即使用户在同一个页面上点击相同的链接。例如:如果用户在主页上并单击菜单中的主页链接，则菜单应关闭。我怎样才能做到这一点
onLinkClick(){
this.props.onItemClick(this.props.name, this.props.link);
}
onItemClick: () =>{
};
<SomeDiv onClick = {this.onLinkClick} link=
浏览 3提问于2017-10-23得票数 0
1回答
我已经创建了一个汉堡包菜单，打开与面具在背景(面具打开后，4ms)。接下来，在关闭汉堡包菜单时，我希望面罩与它合上(意思是在4ms之后)。但相反，根据我的代码，我的面具没有关闭后，我的汉堡包菜单关闭。
联署材料：
const menuIcon = document.querySelector('.hamburger-menu');
const mainNav = document.querySelector('.main-nav');
menuIcon.addEventListener('click', () => {
menuI
浏览 1提问于2020-12-18得票数 1
回答已采纳
1回答
我对如何在堆栈溢出上发布代码的步骤感到困惑。请查看完整代码的代码：
const hamburger = document.querySelector(".hamburger");
const navMenu = document.querySelector(".nav-menu");
hamburger.addEventListener("click", () => {
hamburger.classList.toggle("active");
浏览 3提问于2022-04-08得票数 1
回答已采纳
1回答
TheHamburgerCollection.com
我的汉堡包菜单在所有其他页面上都是正确的--我只是不希望它显示在主页上，在主页上可以看到768 at及以下。
footer.php是菜单所在的位置：
<div class="mobile-nav">
<div class="menu-btn" id="menu-btn">
<div></div>
<span></span>
<span></span&
浏览 0提问于2016-11-23得票数 1
1回答
我有一个Navbar组件，在这里我创建了一个汉堡包菜单，当我点击汉堡包菜单时，我想要显示菜单组件，它是一个单独的组件。
我是通过道具来分享数据的。
但是，当您单击容器外部或单击链接时，我希望菜单消失。
单击外部容器可以使用npm包react-outside-click-handler，但是当我单击链接时，我的菜单不会关闭。
这就是我目前的情况
//肚脐
export default function Navbar() {
const [hamburgerOpen, setHamburgerOpen] = useState(false);
const toggleHamburger =
浏览 1提问于2021-12-21得票数 2
回答已采纳
3回答
当我点击按钮时，我想改变汉堡包的菜单风格。打开菜单的切换已经可以了，但是当我更改汉堡包菜单的className时，我遇到了问题。
这是我的构造函数和函数
constructor(props) {
super(props)
this.state = { menuOpen: true }
this.toggleMenu = this.toggleMenu.bind(this);
}
toggleMenu = () => {
const {show} = this.state;
this.setState({show : !show});
}
我将在
浏览 3提问于2020-05-28得票数 1
回答已采纳
1回答
如果汉堡包菜单被点击覆盖，我如何关闭外面的汉堡包菜单呢？我仍然是js的新手，下面是我的代码。现在它只是在关闭汉堡包图标时起作用。我在练习，但我似乎不能让它工作。
$(document).ready(function () {
var trigger = $('.hamburger'),
overlay = $('.overlay'),
isClosed = false;
trigger.click(function () {
hamburger_cross();
});
fun
浏览 0提问于2018-04-13得票数 0
1回答
我在设计汉堡包菜单和让汉堡包菜单出现在jQuery上有问题。
下面是我到目前为止拥有的jQuery：
$(document).ready(function(){
$('.hamburger-box').on('click', function(){
$('.navigation').toggleClass('burger-nav');
});
});
这是一个开始，但我不完全确定在这之后该如何进行。在使类可见后，我无法获得任何显示。非常肯定，我把类放在不正确的地方，我没有适当地考虑间距。
我这里
浏览 2提问于2016-06-05得票数 0
回答已采纳
1回答
我有带动画的汉堡包菜单。当我再次点击汉堡包菜单(在我已经逃离菜单后)，菜单显示没有动画。
我想这是由.animate引起的-我需要做.toggle
$(.ready)(函数(){$(“#openMenu”).click(函数(){ $("#main").toggle(200)；$(“#main”).toggle(200)；$(".menu").animate({ left："2%“})；})；
CSS：
.menu {高度:100 0px；宽度:0 0px；背景色：#450a5a；显示: flex；位置:绝对；左：-50%；光标:指针；指针-事
浏览 0提问于2019-05-17得票数 0
我在Wordpress主题中使用Zurb Foundation 5，其中有一个离开画布菜单，它是在gerneral中工作的，但我遇到了一个问题：
除了顶部栏中的汉堡包图标外，我还提供了在单击固定位置div元素..back到-菜单时打开菜单的选项。为了实现这一点，我使用了该方法以编程方式打开docs菜单，如Zurb的docs中所描述的那样。虽然这很好，在我点击div.back-菜单打开菜单，然后再关闭菜单，我似乎不能打开菜单，点击在顶部酒吧的汉堡包图标。
这是打开菜单的代码：
jQuery('.back-to-menu').click(function(event) {
浏览 1提问于2014-09-21得票数 4
回答已采纳
我知道如何创建android汉堡包菜单，有很多教程可用。
我想在每个类中创建汉堡包菜单，在公共类中调用一个方法，这些方法都有汉堡包菜单代码。还有我的汉堡包菜单，在listview里面有选项。
如何创建这样的汉堡包菜单。我想减少我的代码，并为其他人提供可重用的代码。请帮帮我。
浏览 5提问于2016-03-03得票数 0
1回答
我是ReactJ的初学者，这是一个投资组合网站。我正在尝试移动响应导航栏(Topbar)。我这里用的是SCSS。
这是移动视图.
这是桌面视图.
问题-我想隐藏在桌面视图中。我把汉堡包藏起来了，但旁边的菜单还在。
浏览 2提问于2021-08-28得票数 0
2回答
当单击按钮时，我使用名为mmenu的jquery插件加载侧菜单。这很好，但我也试图在同一时间得到一个汉堡包风格的形象。我从这三行开始，然后当菜单按钮按下它变成一个十字，这似乎是可行的。
我的问题是当我试图关闭菜单时，我希望它回到一个十字架。mmenu允许您在任何地方单击以关闭菜单，但我无法获得jquery更改它的权限。当单击按钮(.menuvate)时，我添加了一个类，称为" active“，它显示交叉，但无论我如何尝试，我都无法让它在打开菜单后单击页面上的任何位置时检查该类是否处于活动状态。
到目前为止，这是我的代码
$('.menuvate').click(func
浏览 1提问于2015-02-10得票数 2
回答已采纳
3回答
我试着让我的汉堡菜单检测到，点击菜单外的时候(.NavMenu)，并将汉堡包复选框更改为未选中。
我尝试过使用event.stopPropagation();并尝试检测文档中的点击，但我的javascript知识确实有限，所以我要么根本无法显示.NavMenu，要么在外面单击.NavMenu关闭，但汉堡包菜单仍然保持打开状态(X)。
有人能帮我如何使菜单关闭时，点击外的div，也将触发复选框？
浏览 5提问于2017-08-31得票数 0
回答已采纳
1回答
菜单切换不同的动画在每一秒点击？
、、、、
我创造了一把小提琴
当我单击汉堡包菜单时，面包屑向右切换，然后执行显示菜单的函数。
$menu_toggle.on('click', function(e){
e.preventDefault();
$(this).toggleClass('open');
breadcrumbs_bar.toggle('slide', {direction:'right'}, 800, function(){
$navigat
浏览 4提问于2015-02-04得票数 0
回答已采纳
2回答
我设计了一个网站，使用CSS汉堡包菜单来激活一个幻灯条与网站上不同的网页链接。
我还写了一个iPhone/andriod应用程序，需要有一个汉堡菜单，打开一个滑块工作，运行swift和android代码。
我想添加到iphone/android汉堡幻灯条链接到网站(有自己的汉堡包菜单)
我如何测试网站，如果它是移动设备或PC，所以我可以关闭如果“网站”汉堡包，如果它是移动，因为我已经有并需要在移动汉堡包菜单。
我在网站上有php，所以我可以删除网站上的汉堡包菜单，如果它是一个手机。
这是主页
<html>
<div class="w3-sidebar w3-bar
浏览 0提问于2017-08-27得票数 0
3回答
我的汉堡包菜单在所有其他页面上都是正确的--我只是不希望它显示在主页上，在主页上，它目前在768 at及以下可见。
footer.php是菜单所在的位置：
<div class="mobile-nav">
<div class="menu-btn" id="menu-btn">
<div></div>
<span></span>
<span></span>
<span>
浏览 5提问于2016-11-23得票数 0
回答已采纳
当打开侧栏菜单面板( id为".ui-panel-opened") #nav)时，我试图在汉堡包菜单图像和交叉图像之间切换图标(这将获得".ui-panel-closed").类并关闭该类)。当侧边栏菜单面板关闭时，图标(具有“..header menu -图标”类)将是汉堡包(icon-menu.svg)，并在侧边栏菜单面板打开时切换到交叉图标(icon-close.svg)by更改源。下面是我的代码，但是没有成功实现的尝试。非常感谢您的意见和建议。
$( document ).ready(function() {
if($('#na
浏览 3提问于2015-11-11得票数 0
回答已采纳
1回答
我有一个汉堡包图标，动画到一个x，当点击回来，这反过来激活了一个幻灯片菜单。单击菜单中的链接时，菜单关闭，页面滚动到相关部分。然而，菜单图标则保持在"x“状态。当其中一个链接被点击时，我想切换"x“返回汉堡包状态。动画通过css控制。
<div id="hamburger" class="slideout-menu-toggle">
<div id="nav-icon3">
<span></span>
<span></span
浏览 2提问于2016-03-27得票数 0
1回答
当屏幕宽度超过400px时，我需要隐藏汉堡菜单。
这是指向站点damf.co的链接
你会注意到，当屏幕宽度小于400px时，汉堡包就会出现，如果你点击它，然后让窗口展开，我无法让窗口隐藏，因为将内容推到一边，直到屏幕低于400px才能再次关闭它。
我对此还很陌生。任何帮助都将不胜感激。
浏览 3提问于2014-03-02得票数 0
我有一个带有汉堡包菜单的Xamarin Forms Shell应用程序。当我打开应用程序时，我看不到iPhone上的汉堡包菜单(但在我的安卓系统上)。当我在某个地方导航并返回时，汉堡包图标就会像预期的那样出现。为了处理汉堡包菜单，我依赖于应用程序shell模板的默认生成代码，并且只是向菜单中添加了一些更多的项目。
如何让shell始终显示我的菜单图标？
指向项目的Github链接：
浏览 3提问于2020-08-20得票数 1
回答已采纳
我想用ReactJS钩关闭我的汉堡包菜单。当在Vanilla JS中使用href时，它工作得很好，因为webiste重新加载，但在反应网站不重新加载和我的汉堡包菜单不关闭。我要我的汉堡包菜单关闭，而不必重新加载我的网页。如何关闭汉堡包菜单时，点击一个链接，而不重新加载我的网页(使用反应钩)？
import React from "react";
import { FaGithub } from "react-icons/fa";
import { Link } from "react-router-dom";
浏览 4提问于2021-12-10得票数 2
回答已采纳
1回答
使用CSS动画
、、、
我有一个菜单，显示在当前页面顶部，一旦按下汉堡包图标，使用魅力的CSS。
该菜单动画从右边的屏幕和完美的工作，但我正在努力使它动画一旦在任何地方的菜单是按下。
动画是编写的(animateOut)，但是我需要帮助在动画的输入和输出之间按一下键切换代码：
汉堡包菜单点击->菜单幻灯片从右边。
单击菜单容器中的任何位置，->菜单滑到右边。
HamburgerMenu.js
CSS
const cssHamburgerMenuIcon = css({
position: 'absolute',
height: 20,
width:
浏览 0提问于2018-03-07得票数 13
回答已采纳
我有一个网站使用奇妙的插件，它做的非常，非常好。
然而，在移动设备上，我遇到了一个问题，当菜单高度超过ViewPort时，滑动汉堡包菜单不带触摸屏滚动，如下图所示：
问题
如何强制侧菜单接受基于触摸的滚动？
浏览 0提问于2019-03-25得票数 1
回答已采纳
我设法在我的页面(www.elevendozen.com)上获得了一个来自Codepen的汉堡包动画图标，虽然这个图标确实是动画的，但我不知道如何在它中包含侧面导航菜单内容。例如，当单击图标时，菜单不会滑出，反之亦然。
我目前正在使用可湿性粉剂移动菜单插件，但他们的图标不动画。你能帮我吗？谢谢！
<code>A0</code>
浏览 20提问于2019-03-27得票数 0
1回答
如何在手机中隐藏菜单点击菜单项？
、、、、
我有一个只有一页的网站。我有一个带有平滑卷轴的菜单。当用户单击服务时，它将以平滑的滚动为目标服务部分。桌面上没有问题。
让我们谈谈移动
在移动中，菜单显示如下所示
当我点击汉堡包图标，它就会像这样显示
现在问题出现在平滑的卷轴上。当我点击服务，然后它是针对服务部分平滑滚动，但菜单仍然显示在手机上。
当我点击菜单时，我必须隐藏菜单。
你可以检查我的[code here][3]
浏览 0提问于2018-06-09得票数 0
回答已采纳
4回答
我正在使用这个名为transit.js的插件来创建一个简单的菜单动画，基本上我有以下菜单：
菜单打开和关闭的代码如下：
$('.main-header .nav-toggle-button').on('click' , function() {
// $('.main-header .navigation').toggleClass('show');
if ($('.main-header .navigation').hasClass('show')) {
$(
浏览 5提问于2016-04-17得票数 15
回答已采纳
4回答
我有一个简单的菜单，是打开点击。
我需要的是：
打开菜单/汉堡包，点击左上角
用户读取所有文本并向下滚动3.3步-当用户到达页面末尾时关闭/隐藏弹出菜单
我请求在js代码中添加一段代码。
$(document).ready(function() {
$(".toggle-nav").click(function(e) {
e.stopPropagation();
e.preventDefault();
$(this).toggleClass("active");
$("
浏览 2提问于2020-11-13得票数 2
回答已采纳
当用户点击汉堡包菜单时，我想保持背景箭头按钮关闭侧菜单，我必须显示箭头才能关闭侧菜单。
这是写在离子菜单中，如下所示。
<div class="avatarcontent">
<img class="avatarimg" src="https://i1.wp.com/christopherscottedwards.com/wp-content/uploads/2017/08/Generic-Profile.jpg?fit=550%2C400">
<ion-icon name="arrow-ba
浏览 0提问于2018-04-10得票数 0
回答已采纳
我有一个网站，显示内容的基础上，在菜单列表中的项目。如果屏幕宽度太小，菜单就会被旋转和隐藏。此外，还会显示一个汉堡按钮。如果汉堡包按钮被激活(也是复选框)，菜单将被取消隐藏，内容被隐藏。
无论是内容还是菜单都不能访问汉堡包按钮后面的复选框，因为它们是汉堡按钮兄弟姐妹的孩子。
因此，如果选中了菜单项，则不会取消“汉堡”按钮，访问者需要再次单击“汉堡”按钮才能关闭菜单并查看内容。
不知何故，如果选择了不同的菜单项，或者单击了菜单项，我需要找到一个hack来取消“汉堡”按钮。
JavaScript还不是必需的，而且永远不会被使用。
我希望有人知道如何解决这个问题-我在这件事上毫无头绪.
浏览 5提问于2022-09-10得票数 -2
回答已采纳
1回答
我一直在使用MasterPageDetail方法为我的Xamarin表单应用程序创建一个汉堡包菜单。菜单本身可以很好地工作，就像从Xamarin文档中获取的一样。我注意到，如果我在一个视图中创建一个指向页面的简单链接，那么汉堡包菜单和它的图标就会被一个后退按钮所取代。
我想知道的是，如何在内容页面中创建一个链接来显示我的汉堡包菜单，而不是显示一个后退按钮。从MasterPage中单击的任何链接都会将您带到腐蚀视图，但您仍然可以看到汉堡包菜单，如果您单击其中一个页面中的某个链接，那么您就会被带到页面上，但是使用后退按钮代替。这给我的用户带来了一种令人困惑的导航体验。
下面的代码演示了如何在刚才的
浏览 3提问于2017-05-18得票数 0
回答已采纳
我正在一个开发网站上工作：
http://www.dinewine.com/startbootstrap-agency-1.0.6/index.html
当我尝试在除桌面之外的任何设备上使用汉堡包菜单时，便会打开汉堡包菜单，但是当单击图标时，下拉菜单将关闭，但子项不会显示。
我不知道从哪里开始。我检查了开发人员的网站，他们没有使用下拉菜单。
如有任何资料，将不胜感激。非常感谢。-Beth
我用子下拉的代码是：
<li class="dropdown">
<a href="#" dropdown-toggle data-toggle="
浏览 6提问于2016-07-11得票数 1
回答已采纳
我似乎不明白为什么在移动设备上(我的网站：https://www.mchna.org/?p=news) (也可以在模拟移动设备的桌面浏览器中重现)，即使汉堡包菜单没有展开，div汉堡包菜单项(虽然除非展开汉堡包菜单才可见)仍然位于页面顶部。我一直在摆弄所有的标签，但都没有用。这会导致我页面底部的链接不能正常工作。任何帮助都是非常感谢的！
浏览 20提问于2021-04-07得票数 1
回答已采纳
我试图关闭我的汉堡菜单，但它没有关闭，首先我初始化并将useState设置为false， const [burgerStatus,setBurgerStatus] = useState(false); 然后，我创建了一个带样式的组件{BurgerNav}，然后传递一个参数show并将{burgerStatus}赋给它。 <BurgerNav show={burgerStatus}> 然后在CSS中，我用来转换 transform: ${props => props.show ? 'translateX(0)': 'translateX(100%)&#
浏览 25提问于2021-09-08得票数 0
回答已采纳
最近我在c#里到处乱搞硒。我偶然发现了一个我目前无法解决的问题。基本上，我试图在网站左上角打开一个汉堡包“菜单”，然后悬停到它的第一个菜单项："Loterie“，它应该触发另一个子菜单，在汉堡包菜单旁边弹出一个带有"Loterie”的“子选项”的菜单。
场景将是:菜单-> Loterie ->用户能够看到以下选项: Sportka /Euro头奖/R守则Kacky /等等.
首先，我使用Thread.Sleep来完成我的任务，它起了作用，如下所示：
m_driver = new ChromeDriver("C:/Users/richard/s
浏览 0提问于2018-10-22得票数 2
1回答
我在我的Xamarin应用程序中实现了一个汉堡包菜单，遵循微软关于如何使用XAML创建汉堡包菜单的正式示例，它工作得非常完美。下面是当前正在使用的代码。
<ContentPage
x:Class="MasterDetailPageNavigation.MasterPage"
Icon="hamburger.png"
Title="Personal Organiser">
<StackLayout>
<ListView x:Name="listVie
浏览 0提问于2019-01-04得票数 0
我有一个活动，其中包含一个片段，它显示了一个设置列表。单击列表项时，执行片段事务并显示详细片段。另外，汉堡包菜单项被转换为后箭头(home as up)。
在调试APK中，这是非常完美的。然而，在发行版中，汉堡包菜单没有转换为后箭头，而是保持不变。当单击详细片段中的“汉堡包”菜单按钮时，该片段将按预期的方式被删除。唯一的问题是后箭头的显示，它没有显示在发行版中使用Proguard。
浏览 1提问于2017-09-13得票数 1
回答已采纳
1回答
我有一个肚脐，使用HeadlessUI的Popover在手机上的汉堡包菜单。默认情况下，当您单击不在其中的元素/焦点时，此菜单将关闭。
现在，我正在尝试添加一个模式(HeadlessUI，Dialog)，在单击弹出菜单中的一个按钮时，我希望打开该模式。该模型在ModalButton组件定义(<><button><dialog></>)中使用。这是为了分离关注点(与模型相关的所有内容都在ModalButton中)。
问题是:当我在导航栏的弹出菜单并点击按钮打开对话框。浏览器关注这个新对话框，因此弹出窗口失去焦点，使其关闭。由于关闭，按钮(因此对话框
浏览 12提问于2021-12-30得票数 3
回答已采纳
为了保持简短和简单:如果我点击其他地方，我的汉堡包菜单就不会关闭。我在jquery中尝试了它，并尝试使用removeClass等实现它，但即使使用removeClass，它也无法工作。
Here's the code:
https://jsfiddle.net/dtgd551q/
我认为取消复选框是最简单的方法。
感谢所有能给我帮助的人。
浏览 2提问于2017-09-06得票数 0
回答已采纳
4回答
我正在开发一个应用程序，其中要求创建一个带有子菜单的汉堡包菜单，如下所示
我尝试了不同的方法，使用表中的表、视图、单元格等，但无法创建此菜单。如果有人有解决办法，那就推荐我
浏览 0提问于2019-04-25得票数 1
回答已采纳
在我的引导应用程序中我有一个汉堡包菜单的情况。让我提供一些上下文，您将需要一个笔记本电脑和移动看这个。按照以下步骤执行：
1:在您的桌面计算机上，访问
2:上下滚动页面，你会注意到导航栏是固定的，这就是我想要的。
他说:现在在导航栏中，选择像“课程”或“服务”这样的链接。您注意到它将带您到相关的部分，您可以看到该部分的标题和它的正文。
现在在你的手机上访问这个网站。
5:打开汉堡包菜单，导航到同一区域。您应该注意到该事件的问题，尽管它将您带到正确的部分，但您无法看到该部分的标题，因为它是由菜单覆盖的。您需要关闭菜单才能看到它。
我想要的手机是，当你导航到链接，你可以看到顶部的部分，而不需要关闭
浏览 1提问于2020-07-25得票数 0
回答已采纳
1回答
在我的颤音应用程序中，我使用了一个底部导航栏，有6个选项。第六种选择是菜单上的汉堡包图标，我用它来打开一个侧抽屉。
我想做的是：
当抽屉打开或关闭时，我希望汉堡包图标的颜色会改变。
因此，当用户单击图标时，我能够正确地更新图标颜色并打开抽屉。然而，，在抽屉关闭后，我无法更改图标的颜色。
浏览 1提问于2022-01-31得票数 -2
1回答
我激活了Gedit Bookmark插件。
下拉“汉堡包”菜单有以下选项：
拨动书签
去往下一个书签
后藤前书签
这些，特别是“下一个书签”选项有键盘快捷键吗？
浏览 0提问于2021-01-10得票数 3
回答已采纳
单击汉堡包图标(左上角) 并选择显示在左边的汉堡包菜单可以向下滚动。
现在检查：单击相同的图标并尝试向下滚动汉堡包菜单，它不工作。
通过使用scrollBar: true初始化插件，我可以使所有东西都可以滚动，但我只希望菜单是可滚动的。有什么建议吗？
浏览 0提问于2014-11-25得票数 0
回答已采纳
我有一个使用引导的网站。
当窗口缩小为移动时，Navbar菜单将正确地折叠到通常的汉堡包(3条)按钮上。
我的问题是，当我单击此按钮打开菜单时，它就会打开，但会立即再次崩溃。
浏览 3提问于2016-03-20得票数 30
回答已采纳
我有一个汉堡包菜单，从网站上滑进来。每次我选择一个单元格时，它都会删除菜单。我想添加一个TapRecognizer，这样当你点击外部的时候，它也会将它删除。
var isPresenting = true
let dimmingView = UIView()
func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
return 1.0
}
敲击外面应该会忽略菜单。
浏览 1提问于2019-06-05得票数 0
回答已采纳
我对汉堡包菜单的DisplayMode有点困惑。我希望汉堡包菜单可以在正常和宽广的视觉状态下完全关闭。我尝试将VisualStateWideDisplayMode设置为Inline，它确实是内联的，但窗格无法打开。我打开窗格并单击导航到另一个页面，我希望它可以始终打开。我尝试将IsOpen设置为True，但没有任何效果。
如果我应该写一些触发器或使用另一种方式？谢谢你的帮助。
代码如下：
<Controls:HamburgerMenu x:Name="MyHamburgerMenu"
VisualSta
浏览 0提问于2016-12-21得票数 1
2回答
我有汉堡包菜单，开得很好。当我再次点击汉堡包菜单图标时，我希望它关闭(这是不工作的，我挣扎)。(仅当我单击某个链接或单击菜单外部时，它才会关闭)。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></sc
浏览 1提问于2019-07-01得票数 2
回答已采纳
我知道有很多关于JS和检查元素是否有特定类的类似问题。我仍然有一个我不能解决的问题。我有一个导航汉堡，当点击(使用CSS和JS)时，它会转换为X，并打开一个下拉菜单。汉堡和下拉菜单仅在特定媒体查询中可见。因此，如果您通过单击汉堡包打开菜单，调整窗口大小使汉堡包和菜单消失，重新调整它的大小(汉堡包再次出现，但菜单不会显示，因为它会自动关闭)，汉堡包仍然显示为X，因为它不会更新。我注意到下拉菜单(我没有编写)有一个类分配给它，这取决于它是否打开。汉堡包动画也是如此。如果它有"is-active“类，则显示为X；如果没有，则显示为汉堡包。
现在，我想将汉堡与下拉菜单同步。因此，如果菜单分配了
浏览 15提问于2020-05-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
