单击“设置”链接时菜单消失-CSS
单击“设置”链接时菜单消失是一种常见的前端开发问题，通常涉及到CSS的样式和交互设计。
问题原因：
当单击“设置”链接时，菜单消失的原因可能是CSS样式或JavaScript交互设计的问题。可能存在以下几种情况：
- CSS样式问题：菜单的显示和隐藏可能是通过CSS的display属性控制的，当点击“设置”链接时，可能会改变菜单的display属性，导致菜单消失。
- JavaScript交互问题：菜单的显示和隐藏可能是通过JavaScript事件绑定和处理实现的，当点击“设置”链接时，可能会触发某个JavaScript事件，导致菜单消失。
解决方法：
- 检查CSS样式：查看菜单的CSS样式，特别是与display属性相关的样式，确保点击“设置”链接时不会改变菜单的display属性。
- 检查JavaScript交互：检查与菜单显示和隐藏相关的JavaScript代码，确保点击“设置”链接时不会触发菜单隐藏的事件。
推荐腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列云计算相关产品，包括云服务器、云数据库、云存储等。您可以通过以下链接了解更多信息：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
我想调试DHTML菜单的CSS，但我想调试的元素是一个子菜单，因此它只在单击菜单中的顶部元素时出现。
因此，我不能在Firebug上使用显示下一个被单击元素的CSS的按钮，因为当我单击顶部菜单项时，它将显示该元素的CSS，而不是它的子元素。如果我首先展开菜单，然后单击Firebug按钮，则子菜单将消失(当它失去焦点时，它将消失)。
有什么建议可以帮你摆脱这种“第二十二条军规”吗？
浏览 3提问于2010-02-08得票数 7
回答已采纳
1回答
我使用无序列表、列表项、jQuery和CSS制作了一个下拉菜单。当我单击菜单项(锚点)时，它们都不起作用。当我单击锚点时，所有发生的事情就是菜单消失。如果我右键单击一个锚点，然后在新的选项卡中打开它，它确实会像我预期的那样重定向。是一个jFiddle，它显示了我的代码和手头的问题。请注意，菜单有点难以打开，您必须单击图标的底部。如果有人能建议为什么锚不能正确地打开，将不胜感激。
HTML：
<span class="menu_item" id="settings">
<ul>
<li>
浏览 2提问于2013-05-27得票数 0
回答已采纳
2回答
正如您在这里看到的，，我有一个带有下拉子菜单的CSS菜单。
为了迫使子菜单在单击后消失，我使用了以下命令：
$("#menu ul li ul").click(function(){
$(this).css("visibility", "hidden");
});
为了使子菜单在菜单再次悬停时重新出现，我使用了以下方法：
$("#menu ul li").hover(function(){
$(this).children().css("visib
浏览 3提问于2013-12-27得票数 1
回答已采纳
1回答
我有：
单页应用程序
在悬停时打开的CSS超级菜单
当用户单击链接时，当我单击链接的文本时，IE 10/9/8中的菜单不会消失。如果我点击文本周围的间距，它就会消失。
把我的头发拔出来想办法弄清楚.它在Chrome/IE11中工作得很好
下面是使它在Chrome/IE11上工作的代码：
var $a = _i.$(jqEvent.target);
var $menu = $a.closest('.areaNav');
var $tempBlockOut = _i.$('<div class="tempBlockOut
浏览 2提问于2014-04-10得票数 3
回答已采纳
5回答
因此，我决定开始更深入地学习CSS，并尝试实现一个纯CSS下拉菜单/选择框。我首先研究了一些中可用的代码。
最终，，我认为这是相当体面的。然而，我得出的结论是，在所有情况下，CSS菜单都不可能是Javascript菜单的适当替代品，因为当您放弃Javascript时，会出现一些微妙的问题。
如果下拉菜单中的项目只是<a href链接，那么一切都应该是好的.但是，如果希望每个链接都触发Javascript事件，则会遇到以下问题：
显然，当用户单击下拉框中的某个项目时，您希望下拉框消失。如果下拉框中的项是<a>元素，则会自动发生这种情况。如果它们不是<a>元素，则
浏览 3提问于2012-05-29得票数 3
回答已采纳
我的公司正开始向添加iPad作为浏览器的方向发展，我必须测试我的工作。这让我想到..。
既然基于触摸的客户端没有:hover状态，那么纯CSS下拉菜单会消失吗？
然后我想，即使你添加一些javascript来使菜单在点击时弹出...当菜单项(展开到另一个菜单)也是一个链接时会发生什么。您如何区分单击查看菜单和单击转到该链接？
当基于触摸的客户端变得更加无处不在时，下拉菜单会发生什么？有什么变通的方法吗？
浏览 4提问于2010-05-05得票数 4
回答已采纳
1回答
我对网络开发很陌生，现在我面临着处理像ipad这样的设备悬停的问题。首先，我想删除hover的css，并点击它，但是，客户坚持有悬停。
这里的问题是，我有引导导航栏和几个菜单下拉悬停。但在ipad上，菜单在点击菜单(例如:学习)后会下降，但直到我点击另一个导航菜单时才会消失，比如“教学”。
我想使用javascript/jquery执行以下操作。
保持台式机和膝上型计算机上现有的悬停行为
在像iPad这样的设备上，我希望菜单在以下情况下消失
(a)再次单击同一菜单项时
(b)单击子菜单时
(c)在菜单外单击时
这里的任何帮助都是非常感谢的。
这是小提琴
浏览 2提问于2015-01-22得票数 2
我的母版页中有一个菜单。
<ul>
<li><a href="."><span>Home</span></a></li>
<li><a href="contactus.aspx"><span>contact us</span></a></li>
</ul>
当我单击菜单项时，我想使用jquery设置css类
$(function () {
$(
浏览 2提问于2012-08-14得票数 0
我希望这不会太令人困惑，如果是的话，道歉。
我的处境：
我使用了超级鱼，这样我就可以在鼠标悬停导航项目时有一个带有下拉子菜单的导航菜单。
我使用引导主题使整个站点响应。
我使用“主菜单”而不是“导航”作为导航菜单栏。
我自定义菜单风格，改变'default.css‘在超级鱼，bootstrap.css和style.css的引导主题。
我在“主题”设置下的“外观”选项卡中未选中主菜单，以便在使用超级鱼时主菜单不会出现两次。
我使用的是drupal 7，超级鱼类-7.x-1.8和引导-7.x-2.x-dev
当屏幕尺寸缩小时，菜单栏消失，角落中的小按钮将显示出来。单击此按钮时，主菜单项应显
浏览 0提问于2013-03-27得票数 1
回答已采纳
3回答
我已经用css创建了一个下拉菜单。下面是HTML代码：
<li class="menu" id="menu">
<div class="dropdown">
<div class="col1"> ...
下面是css：
.dropdown {
visibility:hidden;
/*...*/
}
#menu li:hover .dropdown{
visibility:visible;
}
这个可以完美地工作。在jQuery中，我处理此菜单中链接的单
浏览 4提问于2011-11-19得票数 1
1回答
我试图用纯html和css制作一个下拉菜单，但是当光标离开父li时，子菜单就会消失，从而阻止我单击子菜单。以下是指向测试站点的链接
如果能帮上忙我会很感激的。
罗兰A。
浏览 0提问于2010-03-19得票数 1
回答已采纳
2回答
导航栏消失
、、、、
导航栏固定在标题处，当单击菜单图标时，整个容器向右滑动
这是我的主页
单击菜单图标时
但当向下滚动页面并单击菜单图标时，页眉将消失
这是我的css代码
.content
{
position:relative;
width:100%;
height:100%;
}
.header
{
position:fixed;
width:100%;
height:50px;
float: none !important;
clear: both !important;
background-color:#19b8df;
left:0
浏览 1提问于2015-02-17得票数 0
1回答
我有一个响应菜单在我的一个寻呼机网站，它会显示一个透明的全屏幕菜单时，汉堡包图标被点击。当用户单击右上角的“关闭”按钮(X)时，全屏菜单将关闭，因此一切都正常。但是由于我的大多数网站都是一个页面，菜单中的所有链接也都是同一页面中的链接。当用户单击其中一个链接时，页面按预期跳到那里，但透明的全屏菜单仍然保持全屏状态。
当用户单击链接时，菜单应该消失，就像用户单击“关闭”按钮时一样。这就是我想要解决的问题，我确信它只需要几行Javascript，但我对JS不太精通。
这是一个网站：
下面是相关代码(可能还有更多的代码，不确定)：
HTML
<div class="menu-btn&
浏览 0提问于2016-01-10得票数 1
回答已采纳
我有一个标题和一个菜单，菜单是一个隐藏的div，当你点击一个特定的按钮。
当你点击这个按钮时，隐藏的菜单就会出现，当你再次点击的时候，菜单就消失了，正如你所看到的，我是用Toggle来做的。
但是我有一些问题，我的标题的初始宽度是100%，但是当你打开菜单时，它将值更改为82，以便给菜单留出一些空间。
当我单击按钮时，标题div将值更改为82%，但当我再次单击时，该值将保持82%，并且希望再次更改为100%。
我制作了一个小提琴来展示发生了什么：
当您单击“隐藏”时，宽度会发生变化，但当您再次单击“隐藏/显示”时，宽度不会再次更改为100%。
这是我的代码
$("#hide"
浏览 2提问于2014-05-01得票数 0
回答已采纳
我正在创建一个包含列表项a、b、c、d、e、f的导航菜单。
当用户悬停列表d时，子菜单项分别以d1、d2、d3、d4和d5的形式出现在d中。
d菜单在悬停时有背景色，但当用户悬停在其子菜单项上时，d的背景色就消失了。
我想要的是，当用户在子项上悬停时，悬停颜色应该停留在d上，并且只有当用户鼠标离开其子菜单项时才会消失。
这是我的code。
The JSFiddle:
HTML:
<ul class="nav navbar-nav">
<li class="active"><
浏览 6提问于2013-09-28得票数 0
回答已采纳
6回答
我正在尝试实现一个jquery-ui菜单，它在单击对象时出现，但在菜单本身以外的任何地方单击时就消失了。
这是我到目前为止所拥有的代码：
$("div.item").click(function(e){
$( "#menu" ).menu( );
$("#menu").css("top",e.pageY);
$("#menu").css("left",e.pageX);
});
现在我想要隐藏和销毁菜单，如果在菜单本身以
浏览 3提问于2012-12-14得票数 7
回答已采纳
我创建了一个简单的弹出菜单，用户可以隐藏或显示一些子菜单。问题是，我不知道如何处理菜单一直显示在右边的情况，当用户单击菜单时，弹出显示在右边的页面上。
如何处理这件事？
$("#menu-item-1").click(function()
{
var position = $(this).position();
if ($("#menu-content-1").css("display") == "none")
{
$("#menu-con
浏览 1提问于2014-06-17得票数 2
回答已采纳
3回答
我正在为我的网站制作导航菜单。我希望它看起来像Facebook的顶部导航。菜单只有在单击时才会展开，而在单击其他位置时会消失。
我似乎已经找到了一种通过单击#menu来扩展列表的方法，但它不会在那之后消失。我不知道该怎么做。我是jQuery的新手。我已经尝试使用并实现了'if else‘jQuery函数，但仍然没有结果。
下面是jQuery的清单代码：
$(function() {
// OPACITY OF BUTTON SET TO 50% and DISPLAY LIST AS NONE
$("#menu").css("opacity
浏览 1提问于2011-12-11得票数 1
回答已采纳
2回答
我使用的project.The菜单中有几个菜单，其中又有子菜单和超级菜单。我点击一个有子菜单的链接，它的项目就会出现，当我点击另一个链接(它没有子菜单)时，它就会消失。但我的问题是:当我点击一个有子菜单的链接时，一个先前的链接的子菜单将使所有链接最终保持打开状态(显示它们的子菜单)，只要单击一个链接，它们就会消失。
$(document).ready(function() {
$('#right-menu > ul li').click(function(event) {
if($(this).find('ul ').hasClass('a
浏览 3提问于2015-10-26得票数 0
回答已采纳
2回答
我在Vue中有一个带有click事件的菜单按钮。当按钮被点击时，它应该激活菜单本身。这是单击时激活菜单的父元素( toggleMenu函数使menuIsActive为true)。这部分工作正常：
<div class="navbar-item has-dropdown @click="toggleMenu">
<div class="navbar-link"></div>
<app-navmenu :class="{'is-active': menuIsActive}"/&
浏览 2提问于2018-03-16得票数 1
1回答
因此，在我的bootstrap 3.3.6中，我有一个包含链接的菜单。
在较小的尺寸下，菜单变成一个下拉菜单，当单击菜单项时，我希望菜单消失。
我想我可以这样做
function closeMenu(){
//? uhm, what?
}
document.getElementByClass ("menuLink").addEventListener("closeMenu",findit,false);
但是我不知道在我的函数中设置什么，所以下拉列表将再次返回
有什么帮助吗？
谢谢
浏览 0提问于2016-03-16得票数 0
我使用stopPropagation创建一个父菜单项，该菜单项链接到/#，在单击时显示下拉子菜单。它在单击时确实会显示子菜单，但在显示子菜单之前，它首先会转到url/#。我希望它忽略它的链接，只显示下拉菜单。我的代码如下：
$(document).on('click', '#navpanel .mainnav a[href^="/#"]', function(e){
if($(this).parent('li').hasClass('expanded')) {
$(this).siblings('
浏览 2提问于2014-10-21得票数 0
回答已采纳
2回答
下拉菜单是用CSS和HTML/JS设计的，它使用一个名为" is -open“的类，这个类是从JS添加的。一旦出现在指定的HTML div中，它将激活CSS以显示子菜单。
但是，有一个小问题，即下拉菜单一旦单击，除非单击相同的菜单项，否则不会消失。(当单击菜单内容div外部时，类将不会取消切换)
作为一个基本的功能，这个菜单需要消失，一旦用户点击不仅仅是在菜单上，但在页面上的任何地方。
我现在的javascript如下：
$(document).ready(function() {
$(".has-submenu").click(function(e) {
浏览 7提问于2017-10-21得票数 1
回答已采纳
我希望创建一个菜单(一个注册菜单)，请参阅来了解它。当用户单击此按钮/链接时，会出现一个下拉菜单，他可以使用该菜单进行一些操作(此处登录)。
这种联系的行为应如下：
单击此按钮/链接时，应显示下拉菜单。
当单击页面上的任何位置(包括按钮/链接本身)时，但在菜单之外，菜单就会消失。
如果单击下拉菜单上的某个位置，则该菜单不应消失。
下拉菜单中的所有控件都应该可以工作。
我确实设法使前三个工作，但在下拉菜单中的控制(第4行为)不起作用。
javascript/jQuery代码和html代码一起被赋予 (jsfiddle链接，与上面相同)。您可以分叉并进行更改。
谢谢。
浏览 1提问于2012-02-04得票数 0
嘿，
我有一个问题，我必须为一个项目制作一个网页，我不是一个有经验的程序员或web开发人员，我对活动CSS有问题。
这样做的目的是，当我将鼠标悬停在侧菜单上时，它会改变颜色，当我点击鼠标时，它的颜色将与悬停颜色保持不变，当我将鼠标悬停在侧菜单选项卡(合作伙伴)上时，悬停部分会工作，但当我单击它时，颜色不会改变--当鼠标离开侧菜单选项卡时，它就会消失。
这是我的代码，我希望有人能帮助我，我知道这是一个混乱的代码。CSS：
.buttonPartners a:hover{
background: -webkit-gradient(linear, right bottom, left top
浏览 6提问于2014-01-02得票数 0
回答已采纳
1回答
我试图创建一个简单的页面，当我单击一个选项卡式项目时，该页面的显示就会消失。在这个简单的代码中，当我点击关于应该让产品下拉菜单消失。这是代码
<!DOCTYPE html>
<html lang="en">
<head>
<title>Drop Down Navbar</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<script src="ht
浏览 2提问于2013-10-29得票数 0
回答已采纳
2回答
我有一个导航菜单，打开一个菜单，当一个特定的按钮被点击。
功能如下；
单击一个按钮，该按钮变成一个“X”关闭按钮，导航条展开显示一个菜单。然后，您可以单击菜单中的链接，也可以单击“x”关闭按钮，导航菜单将关闭。
这一切都很好--我遇到的问题是，当单击链接时，菜单就会关闭，然后如果您尝试通过单击“打开”按钮再次打开菜单，菜单就消失了，没有返回。
此外，我对jQuery还是很陌生的，我知道我的代码可能是一个可怕的混乱。
这是我的jQuery。预告:对不起&是的，我感到羞愧
$(function() {
$('a[href*="#"]:not([href="
浏览 5提问于2017-05-17得票数 0
回答已采纳
1回答
我使用菜单上的pseudo-class:focus-within显示单击子菜单，但它显示了一秒钟，然后子菜单消失了。当我使用伪类时没有问题:悬停，我只是有焦点内部的问题。
li class=“有-子菜单”当我点击它显示ul class=“子菜单”消失时。
有人能帮我吗？
这里是我的HTML和CSS代码.
li.has-sub-menu{
position: relative;
margin-right: 10px;
padding-bottom: 5px;
}
ul.sub-menu{
position: absolute;
top
浏览 3提问于2021-06-13得票数 2
回答已采纳
我正在做一个有菜单的网站。菜单上有两个甚至三个链接。链接将打开一个带有幻灯片效果的div，在菜单旁边。(菜单是右列，div将向左打开)。
假设我点击链接(A)。链接(A)用一些文本打开div。当我再次单击链接(A)时，div将消失。因此，链接(B)的逻辑是相同的，但是它将显示一个图库。这不是重要的部分。
我希望能够在div内部的信息之间切换。如果我单击链接(B)，而div仍然与来自链接(A)的信息打开，我只希望div切换内容，而不是关闭和重新打开。
基本上--如果我点击打开div的同一个链接，它就会消失。但是如果我点击另一个链接，内容就会改变。
有什么建议吗？
这是div：
<d
浏览 0提问于2017-07-14得票数 0
回答已采纳
我的页面中有菜单列表，其结构如下。当我单击菜单中的任何链接时，系统会自动向该链接添加class=“是活动的”。我将嵌套链接的显示设置为none，因此只有单击父链接(参见css)才能看到嵌套链接。但是，当我单击其中一个子链接时，子链接的整个子菜单将消失。如何实现当我使用它们时，我的子链接是可见的？我知道我不能用css来影响父母，也许有一些简单的javascript解决办法。
提前谢谢你！
.menu-item--expanded ul {display: none;}
.menu-item--expanded a.is-active ~ ul {display: block}
<htm
浏览 0提问于2018-03-19得票数 1
我正在使用Atom，并且已经启用了html预览功能。这个问题被隔离在Atom中的html预览中，在Chrome或IE中根本不会发生。 我在标题中有一个水平的主菜单。单击其中一个主菜单项将出现一个下拉菜单。在第二次单击主菜单项之前，下拉菜单不应消失。不幸的是，在我的例子中，下拉菜单在大约1秒后自动消失。这就好像页面在点击后重新加载，因为当下拉菜单消失时，鼠标图标从链接选择图标(指针)变为正常的鼠标图标(光标)。 我认为这与样式属性(display:none;)的检索方式有关。下面是我的代码： var subClick = document.getElementById("maini
浏览 20提问于2019-10-10得票数 0
我很有信心有一些关于事件侦听器工作方式的细节，我还没有完全弄清楚。我正在尝试制作一个移动导航菜单，当菜单栏被选中时，它将滑入并填充视图，当A)再次选择这些条时和B)当用户单击某个链接时消失。
为此，我使用了香草javascript html和css，并一直在修改html复选框和事件侦听器一天或两天，试图找出它。我有一些运气，但不足以使它充分发挥作用。我希望有人能帮我！
到目前为止，当选中条形图时，菜单将出现。太好了-这就是我想要的。我的问题是，在单击链接并使菜单消失后，条形图的事件侦听器功能就会停止工作。有人能解释一下为什么吗？我把下面的代码链接起来。
我觉得它在做类似的事情.开始:打开菜单是
浏览 1提问于2020-05-24得票数 0
回答已采纳
1回答
我是唯一有这个问题的人吗？
当我单击菜单文件上的右键并移动鼠标时，菜单消失，选择器开始选择。
有人能帮我修一下吗？
浏览 2提问于2015-11-27得票数 0
回答已采纳
我正在做一个完整的高度菜单，当您单击选项卡时，它将从屏幕的右侧滑出。
您会注意到，当您单击openerthingie (选项卡)时，它会消失，直到动画完成，然后重新出现。
为什么会这样呢？我怎样才能让它和它的容器一起滑动呢？
HTML：
<div id="rightwrapper" class="closed">
<div id="openertabthingie">=</div>
</div>
<div id="leftwrapper" class="clo
浏览 0提问于2014-04-08得票数 1
回答已采纳
1回答
我使用的CSS菜单具有HTML结构，如下所示：
<div class="toolmenu" style="min-width:800px">
<ul>
<li><a class="dropdown left" href="#">Main A</a></li>
</ul>
<ul>
<li><a class="dropdown right" href
浏览 3提问于2013-02-09得票数 0
回答已采纳
1回答
我一直在使用css3和target属性来制作交互式菜单。当我单击一个菜单按钮时，我使用:target属性使其打开子菜单。我只是简单地说，当我的菜单指针是目标时，将子菜单高度设置为auto，如果不是目标，它的高度应该为0。
但现在我的问题是:有没有一种简单的方法可以再次移除目标？我想要做的是，当我单击菜单按钮时，子菜单将显示(我已经完成了)。然后，如果我再次单击相同的按钮，我希望再次关闭。
有没有办法用纯css/html来做这件事，或者我需要改成javascript/jquery来做这件事？到目前为止，我使用了css3来避免这种情况。
浏览 0提问于2013-07-11得票数 3
回答已采纳
我对jQuery有问题，我做了一个按钮打开/关闭菜单，这是工作。但是我想让身体上任何地方的点击来关闭菜单。因此，当我们点击外部的.burger，我想关闭菜单。
所以我做了这个：
编辑:这是我所有的菜单代码
var count = 0;
function menu(){
$('.burger').click(function(){
if (count==0) {
$('.navigation').css({'display':'block', 'opacity':'1'});
co
浏览 1提问于2018-01-19得票数 0
回答已采纳
在网站上，我在991 in或更低的视口宽度上显示平板设备时遇到了问题。问题是菜单项在视口断点处会中断，我想切换到那个断点的汉堡包菜单。
当我尝试重写bootstrap.css时，它的断点设置为767 my，方法是将相关的媒体查询放到我的style.css文件中，并将它们设置为991 my，整个导航菜单就会消失，而不是切换到汉堡包菜单。
下面是我在style.css中加入并调整的样式：
@media (max-width: 991px) {
.hidden-xs {
display: none!important;
}
.navbar .navbar-in
浏览 3提问于2020-01-28得票数 0
回答已采纳
我有一个下拉菜单，它有display: none，当悬停在parent上时，它有通过CSS的display: block。下拉菜单链接到同一页面上的锚点，所以当我点击时，我希望下拉菜单消失，这样我就可以点击 $('.dropdown-menu').css("display", "none") 然而，jquery现在已经覆盖了在悬停时发生的display: block。如何在单击时隐藏菜单的同时保留以前的功能？ JSFiddle of my code
浏览 30提问于2017-07-24得票数 1
回答已采纳
2回答
我有一个带有下拉菜单的导航，在计算机浏览器上，它在悬停时出现(CSS3/jQuery的效果)，当悬停出来时，它就消失了。但是，它还会检测用户是否在使用iPad/iPhone，如果是，则仅在用户单击菜单项时显示下拉菜单。假设我有一个“服务”导航菜单，在电脑上，“服务”的子菜单会在鼠标悬停时出现，而在移动设备上，点击就会出现。
虽然在移动设备上，菜单不会关闭，除非用户单击页面上的另一个菜单项/链接。我希望当用户单击页面上的其他地方时，或者更好的是，当他向下滚动页面时，菜单会消失。(如果有更好的方法，请告诉我)
所以，是的，这是我的实际代码(用于手机)
$("#generale > l
浏览 3提问于2012-06-08得票数 2
回答已采纳
2回答
更具体地说，我们如何创建一个具有CSS样式的JavaScript菜单，该菜单占据整个页面，但菜单栏将显示出来。左上角会有一个图标。单击该图标或符号时，应该会出现菜单，该图像应该会发光。再剪一次后，菜单就消失了。我试了很多次，但都失败了。我才14岁。请帮帮我。
如果有这样的东西已经是开源，请张贴一个链接，以便我可以得到它。
更新：是我自己做的。
浏览 0提问于2012-05-18得票数 1
回答已采纳
1回答
我想实现一个图标，当点击时，将出现在图标下面的菜单。现在，图标的水平位置可能会随着浏览器窗口宽度的不同而不同，但我希望菜单恰好出现在图标的下方，而不是扰乱我的整个页面布局(而只是出现在该位置的上方)，当用户单击屏幕上的其他位置时，菜单将消失。如果菜单是打开的，并且窗口正在调整大小，那么菜单也应该移动(并且不会弄乱布局)，保持在图标下。
对如何实现这样的下拉菜单有什么想法吗？
或者至少我需要了解哪些js和css工具才能实现这一点？
浏览 2提问于2015-01-07得票数 0
4回答
我的CSS悬停菜单有问题。
它弹出得非常好，而且在正确的位置，但是当我试图进入弹出菜单中的一个选项时，它就消失了，而且我终生都不知道如何阻止它这样做。
有没有办法在我尝试选择其中一个子菜单选项时阻止菜单消失？
我在Stack Overflow上四处寻找(如果我错了，请纠正我)，没有找到任何这样的东西，但那可能是因为我不知道如何正确地搜索这个问题。
我也尝试过使用jQuery来解决这个问题，但我就是遇到了同样的问题。
您可以看到一个fiddle ，它完美地显示了问题。
谢谢。
浏览 0提问于2012-05-02得票数 0
回答已采纳
1回答
我有一个网站，并以以下方式使用fancybox：
$(document).ready(function() {
// Fancybox
$("#lightbox").fancybox({
closeBtn : false,
});
});
function openLightBox(){
$('#lightbox').click();
}
我已经将lightbox设置为隐藏在css中，当我单击菜单项时，它将打开lightbox登录
fancybox打开得很好，但是当我试图单击块中的内容时，它的行为很奇怪
浏览 0提问于2014-02-26得票数 0
回答已采纳
有一个对话框、一个菜单或其他HTML元素，其中包含一个链接，以响应单击，这是一种相当常见的模式。例如，如果单击“堆栈溢出”编辑框上方的橙色问号，它会为“链接”、“图像”等添加一串链接。然后，当再次单击问号时，菜单就会消失。
我有一个类似的设置，只是当用户单击除菜单之外的任何地方时，我希望菜单消失。这并不难，($(document.body).click(handleClickElsewhere)).然而，困难的是以下情况：
用户单击以打开菜单。
用户右键单击菜单中的一个链接(使浏览器上下文菜单出现)
用户在浏览器的上下文菜单上单击“打开新选项卡”菜单项
用户被带到新选项卡中的链
浏览 2提问于2012-03-23得票数 0
回答已采纳
3回答
我的MegaMenu有一点小问题，当我打开一个子菜单(单击主菜单的一个项目)时，我希望当我单击文档正文上的任何位置时，该子菜单将消失，或者如果我选择其他菜单项，则前一个子菜单必须关闭，如果我单击该子菜单('ul')或子菜单上的某个特定项目，它的工作方式与我想要的一样(关闭)，但是如果我单击另一个菜单项时，前面的子菜单保持打开，创建子菜单层，我必须单击这些子菜单以使它们消失(或者单击使它们出现的主菜单项)我不确定我是否清楚，JS im函数使用：
$(".menu > ul > li").click(function(e) {
浏览 0提问于2018-03-01得票数 0
回答已采纳
希望你能帮助我-我非常新手，对代码/编辑css一无所知，所以希望有人能为我解释清楚。我有一个问题，那就是我不能保持我的子菜单可见。当我将鼠标悬停在父菜单项“目的地”上时，它会出现，然后当我向下移动以选择其中一个子菜单项时，它会消失。
有人能帮我查一下吗？
www.thespindrifters.com -它位于目标选项卡下
提前感谢
浏览 2提问于2016-06-11得票数 0
2回答
如何显示和隐藏菜单栏
、、、
请参阅此菜单的设计：，其中我创建了一个菜单(左侧)，它具有一些功能，例如当单击白色栏“Vyrobce”时，将出现一个黄色的“Vyrobce”条，而白色的“Vyrobce”条将消失。当单击黄色栏“Vyrobce”上的关闭链接“x”时，所有元素都会消失，而白条“Vyrobce”将再次出现。
问题是，当我单击黄条上的任何地方“Vyrobce”，除了关闭链接“x”，白色栏“Vyrobce”再次出现，并同时显示这两个菜单。但我一次只想展示一个酒吧。我怎么能做到呢？
有人能帮我修好吗？谢谢。
注:我使用这个javascript函数来显示和隐藏我得到的表格：。您可以通过访问给定的链接并查看源代码来查看整个代
浏览 2提问于2014-11-08得票数 2
回答已采纳
1回答
我有一个Navbar组件，在这里我创建了一个汉堡包菜单，当我点击汉堡包菜单时，我想要显示菜单组件，它是一个单独的组件。
我是通过道具来分享数据的。
但是，当您单击容器外部或单击链接时，我希望菜单消失。
单击外部容器可以使用npm包react-outside-click-handler，但是当我单击链接时，我的菜单不会关闭。
这就是我目前的情况
//肚脐
export default function Navbar() {
const [hamburgerOpen, setHamburgerOpen] = useState(false);
const toggleHamburger =
浏览 1提问于2021-12-21得票数 2
回答已采纳
1回答
菜单切换图标错误
、、、、
我已经创建了一个带有动画图标的菜单，如果您单击该图标，菜单将以2列打开。现在，当您单击图标时，菜单会打开并关闭。现在我想要做的是，当您单击右边列中的某个链接(请参阅jsfiddle )时，我希望菜单再次消失。
这很好，唯一的问题是，当你点击某个链接时，图标也会切换，你必须再次按它两次，才能让菜单再次工作。(因此，只有当您按下菜单右侧列中的“某些链接”时)
任何帮助都很感激(抱歉代码太乱了)
$("#menuBtn").click(function(){
$("a.menuIcon").toggleClass("selected");
});
v
浏览 0提问于2014-02-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
