使用jquery，如何通过单击主体来关闭菜单？

文章/答案/技术大牛

发布

1回答

jquery、css、drop-down-menu

这是我打开/展开菜单的代码 "use strict" $('.responsive-menu').toggleClass('expand')}); 它工作得很好，但我的目标是通过点击正文(或文件)来接近它，这在大多数网站上都是正常的，但我似乎没有做什么工作。

浏览 3提问于2017-01-11得票数 0

1回答

如何将jQuery中的“悬停效应”转换为“单击效果”？

jquery、html-lists

我知道这听起来如何，但是用jquery改变单击的悬停效果是可能的吗？我有这个，如果你看一下菜单(特别是e-rowery)，你会发现它在胡佛上工作。不幸的是，非触摸屏设备使用胡佛，所以我想把它转换为点击菜单，而不是胡佛。对于如何使用jquery实现这一点，有什么想法吗？

浏览 1提问于2012-03-11得票数 0

2回答

如何从React组件中将单击处理程序添加到主体中？

javascript、jquery、reactjs

我正在构建一个下拉菜单React组件，当用户单击该组件的DOM 以外的任何位置时，该组件应该会关闭。使用jQuery，我通常会在下拉菜单打开时向body添加一个事件侦听器，并在下拉菜单关闭时再次删除它。(事件侦听器本身关闭下拉列表-组件中的任何单击事件()都不会传播以防止主体单击处理程序触发。)还是我应该直接使用jQuery？(我对混合反应和<e

浏览 8提问于2015-09-09得票数 21

回答已采纳

2回答

为什么在通过trigger.click触发CSS转换时不触发

javascript、jquery、html、css

我不明白为什么CSS转换在通过触发器事件调用时不运行，而在通过鼠标单击调用时运行。 $('.dl-trigger').trigger('click');但是，CSS转换只通过直接<

浏览 2提问于2015-11-11得票数 1

回答已采纳

4回答

在正文单击时使用fadeToggle

javascript、jquery、html

我有这个div，它通过点击一个id #cart来显示/隐藏display:none/block。div通过单击带有id的元素来打开和关闭，但我也想在主体单击时关闭div。我该怎么做呢？我使用的代码如下： jQuery(".shopping-c

浏览 0提问于2019-11-27得票数 0

2回答

在没有文档/正文-事件-侦听器的情况下，在单击外部时隐藏元素

jquery、drop-down-menu、event-listener、stoppropagation

我已经创建了一个非常简单的jQuery“下拉列表”，它由两个div元素组成。单击第一个div时，将显示第二个div。现在，当我在第二个div之外单击时，我想再次关闭该div。，如果用户在打开下拉菜单后单击这些元素，它将不会再次关闭。我发现了这个插件，jALDropdown，它以某种方式处理关闭下拉菜单，即使我点击e.stopPropagation();，甚至在页面或浏览器之外的某个地方，它似乎没有使用任何文档

浏览 0提问于2012-04-01得票数 0

回答已采纳

1回答

如何在jquery网站上的其他地方点击关闭菜单

jquery、html、css、menu

大家好，我如何通过点击其他地方来关闭jquery的菜单。<li class="option"> </li></div> 例如，我可以在单击图标后打开菜单，如果单击相同的图

浏览 1提问于2015-07-28得票数 0

1回答

身体没有在响应模式下向左转

jquery、css、responsive

我有以下示例代码：我在这里做错什么了吗？

浏览 5提问于2016-09-16得票数 0

回答已采纳

2回答

移动菜单Wordpress CSS的两个问题

html、css、wordpress、menu

我从博客中复制了一些代码，并调整了一些代码，使我的网站在Wordpress上的移动菜单全屏化。我为移动和平板电脑制作了全屏。但有两个问题。当我打开菜单时，我无法关闭菜单，因为关闭按钮和'X‘都在菜单覆盖层下面，我尝试了一些z索引的东西，但没有成功。当菜单打开时，如何使关闭按钮“X”始终可见并可单击？打开菜单时，我希望菜单被锁定，这样它就不能向下滚动并查看内容，但是打开<e

浏览 9提问于2021-01-08得票数 0

回答已采纳

1回答

当用户单击离开Angular 2+时关闭菜单

angular、twitter-bootstrap

我的导航栏中有一个下拉菜单，单击时通过向其添加一个show类来打开和关闭它。这是可行的，但需要用户再次单击该按钮以关闭菜单。作为一种半解决方案，我现在监听路由器更改，并在路由更改时关闭菜单。但是，如果单击了菜单按钮以外的任何内容，我希望菜单关闭。这样用户就可以点击背景来摆脱菜单了。我该如何实

浏览 5提问于2018-02-05得票数 0

回答已采纳

1回答

单击外部时关闭菜单- Vanilla JS

javascript

我创建了一个侧边菜单，当单击菜单按钮时，它会显示和隐藏。现在，我希望当我在菜单外单击时，菜单会关闭，但我不知道该如何操作。我曾尝试在正文中添加一个clicklistener，但这会完全禁用菜单。我还考虑过在主体中的任何位置获取被单击元素的ID，如果为clickedElement != sideBar && sideBar.style = "200px"，则<em

浏览 20提问于2020-04-12得票数 1

回答已采纳

2回答

使肚脐折叠/按下关闭

javascript、html、css、navigation、navbar

当我点击一个菜单按钮，网站滚动到正确的点，但导航条仍然打开，这是令人讨厌的。我尝试给UL元素相同的类，比如导航条中的"back“按钮，它可以折叠导航条，但这不起作用:/。有人能告诉我，每当单击菜单项时，我如何使导航栏关闭？非常感谢

浏览 2提问于2017-12-22得票数 0

回答已采纳

2回答

jQuery切换导航菜单

javascript、jquery、html、css、scroll

我想让菜单在移动打开菜单列表与切换。如何才能做到这一点？webkit-transition: all 0.3s ease; transition: all 0.3s ease;jquery).click(functi

浏览 2提问于2016-03-09得票数 0

回答已采纳

3回答

通过onclick向html和body添加样式

javascript

我的汉堡包菜单有问题，我的背景页面在打开时滚动。我注意到，如果我在主体和html中添加了“溢出:隐藏”，它就解决了这个问题。然而，当我关闭菜单时，身体显然仍然被锁定。我如何添加javascript来从主体和html中取消这些样式？document.body.style.overflow = "hidden";} </scri

浏览 1提问于2019-01-25得票数 0

回答已采纳

2回答

为angular应用程序确定click方法的作用域

angularjs

我有一个angular应用程序，点击图标后会显示一些菜单栏。我使用了一个作用域变量，并使用ng-show来显示/隐藏它们。它工作得很好，但有一个新的要求，即如果有人点击应用程序的任何其他部分，菜单应该关闭。现在的问题是，当我在主体中使用ng-click时，它触发了范围方法，即图标单击和主体单击，因为图标也在主体中。我需要一个不同的控制器来实现同样的功能吗

浏览 0提问于2015-03-08得票数 0

9回答