单击链接后向后滑动的DropDown菜单
Dropdown菜单，也称为下拉菜单，是一种常用的网页设计元素，用于在有限的空间内提供多个选项供用户选择。当用户单击菜单触发器或者滑动菜单时，菜单项会以垂直或水平的方式展开或折叠。
Dropdown菜单的分类：
- 单级下拉菜单：所有选项都在同一个级别上展示，用户可以从中选择一个选项。
- 多级下拉菜单：选项被分层次地组织，用户可以通过选择一个父级选项来展开更多子级选项。
Dropdown菜单的优势：
- 提供更好的用户体验：Dropdown菜单可以节省页面空间，并且在用户选择时能够提供直观的反馈，使用户操作更加便捷和高效。
- 清晰的导航结构：Dropdown菜单可以将不同的选项分类和分组，使网站或应用程序的导航结构更加清晰和易于理解。
- 美观的界面设计：Dropdown菜单具有简洁、美观的外观，可以为网页或应用程序增添一定的时尚感和专业感。
Dropdown菜单的应用场景：
- 导航菜单：Dropdown菜单经常用于主导航栏中，以提供网站的不同部分或页面之间的导航。
- 表单选择：Dropdown菜单可用于表单元素，如选择国家、城市、性别、年龄等选项。
- 选项菜单：Dropdown菜单可以用作更多选项的扩展，例如，在编辑文本时提供字体、颜色、大小等选择。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列与云计算相关的产品和服务，以下是一些与Dropdown菜单相关的产品和产品介绍链接地址：
- 腾讯云文档 - 前端开发：https://cloud.tencent.com/document/product/213/36864
- 腾讯云API网关：https://cloud.tencent.com/product/apigateway
- 腾讯云CVM实例：https://cloud.tencent.com/product/cvm
请注意，以上链接仅作为参考，具体的产品和服务选择应根据实际需求进行评估和选择。
相关·内容
3回答
我有一个下拉菜单，当切换显示它的菜单项时，它会上下滑动。问题是，当我在菜单向下滑动后单击其中一个菜单项时，它被识别为切换，并且菜单向上滑动，而没有打开菜单项的链接。
HTML
<li class="dropdown">
<a href="#">Carbohydrates, proteins & fats</a>
<ul>
<li><a href="carbohydrates.php"&g
浏览 0提问于2012-07-30得票数 0
回答已采纳
2回答
按钮边界与jQuery
、、、、
我有一个白色背景下的灰色边框按钮，当点击按钮，它将滑落菜单。
当用户单击按钮时，它会将按钮的底部边框更改为白色和向下的菜单，如果用户单击“从菜单中滑出”，则该按钮的底部边框将变为红色。
我试着解决在按钮单独，如果人没有点击内的下拉菜单，而按钮显示白色的底部边框，但再次点击按钮上滑上，在幻灯片上升后，我想改变按钮底部边框为灰色。
这是密码..。
这样做是做的是，当点击按钮，它将改变按钮的底部边框为透明和向下的菜单。
$(document).ready(function(){
$(".dropdown dt a").click(function() {
浏览 4提问于2013-08-29得票数 1
1回答
使用jquery移动转换，我希望我的站点表现得像电梯一样。我有一个垂直菜单：
<a href="#">
<div class="menu_item">
<span class="menu_number">2</span>
</div>
</a>
<a href="#">
<div class="menu_item">
<span class="menu_
浏览 3提问于2014-02-07得票数 0
3回答
我尝试了一些jQuery，我想弄清楚如何让滑动菜单工作。我在<ul>上有一个class "dropdown“。我点击的所有<a>都会显示一个子菜单。子菜单<ul>的子菜单被指定了类“子菜单”。
我已经在这方面取得了相当大的进展。现在，我要确保的是，当单击子菜单项时，它们的行为与正常情况一样。这现在被preventDefault阻止了。整洁的功能，但是我想在子菜单<a>中禁用它。
我有以下代码：
$(document).ready(function () {
$('.dropdown > li').click(
浏览 0提问于2013-05-08得票数 0
回答已采纳
2回答
滑动下拉菜单
、、、、
我有一个下拉菜单，当菜单按钮被点击时，我想要向下滑动，当它再次被点击时，我要向上滑动。在单击文档中的其他任何位置时，也要向上滑动。
这就是我到目前为止得到的：
HTML：
<nav>
<a class="dropdown-toggle" href="#" title="Menu">Menu</a>
<ul class="dropdown">
<li><a href="#">Menu Item</a></li&g
浏览 1提问于2015-09-04得票数 0
回答已采纳
3回答
我正在尝试为一个网站做一个点击下拉菜单。我希望我的.sublink元素在单击.dropdown元素时向下滑动，然后当我单击页面上的任何其他位置时，.sublink都要向下滑动。
菜单下移，但当我单击网站上的其他地方时，它不会重新上移。
下面是我目前对菜单的代码。有人能帮我一下吗？谢谢!
$(function() {
$('.dropdown').click(function() {
$('.sublinks').stop(false, true).hide();
var submenu = $(this).parent().next();
浏览 8提问于2013-02-12得票数 1
回答已采纳
我使用twitter引导创建一个下拉菜单，现在我希望它能像这个或那样滑动。我的html是
<div class="col-md-2 sidebar navbar-fixed-top">
<div class="top_space">
<div class="dropdown">
<ul class="nav">
<li class="dropdown nav"><a href="
浏览 0提问于2014-11-03得票数 0
回答已采纳
我正在尝试做的是创建一个下拉列表，当一个链接被点击时，它会向下滑动，根据点击的链接，会显示一个特定的隐藏div。我希望当另一个链接被点击时，它能在暴露的下拉列表中优雅地在隐藏的div之间切换。我们基本上已经弄清楚了第一部分。我试图弄清楚的是，当鼠标离开下拉列表和菜单时，如何使下拉列表在延迟一段时间后重新向上滑动，这样当你仍然将鼠标放在菜单或下拉列表上时，它就会保持打开状态，而不仅仅是下拉列表或菜单。我在下面得到的几乎都是有效的。唯一缺少的是如何在返回菜单时保持下拉菜单的打开状态。有什么建议吗？
所以我希望它的功能如下：
单击链接- $("div").slideDown();
退
浏览 0提问于2016-05-21得票数 1
我使用下面的代码重新创建了一个Select框及其dropdown函数：
$(".selectBox").click(function(e) {
if (!$("#dropDown").css("display") || $("#dropDown").css("display") == "none")
$("#dropDown").slideDown();
else
$("#dropDown").slideUp();
浏览 3提问于2010-09-04得票数 0
回答已采纳
2回答
我试图实现动画在开放和关闭，但没有动画切换之间的菜单。
在菜单之间切换=不动
“打开和关闭”菜单=动画(打开时滑动/关闭时向下滑动)
我有上面所有的-，除了接近动画.有人有什么建议可以帮我走出这个洞吗？
(若要关闭菜单，请在第一个或第二个菜单链接上单击两次，一次打开，一次关闭)
这是我的
我的jQuery
$('.pack__button--each').each(function() {
var $dropdown = $(this);
$(".pack__button", $dropdown).click(function(e) {
e.p
浏览 1提问于2016-06-03得票数 2
回答已采纳
4回答
我试图击败一个基本手风琴风格的菜单，以提交-使用jQuery。
这是菜单：
下面是一段代码片段，它为它提供了手风琴功能：
$('#access ul li').click(function(){
$('#access ul ul:visible').slideUp();
$(this).children('ul:hidden').slideDown();
});
问题:单击子菜单链接会使子菜单滑动(并关闭).
当单击子菜单链接时，我希望保持子菜单打开，只有单击顶级链接时才能滑动。
如何选择顶部ul与jQ
浏览 5提问于2011-07-09得票数 1
回答已采纳
1回答
我想创建一个从顶部滑动的菜单和一个选项列表。更具体地说，当用户单击导航栏时，我希望一种模式视图将从状态栏滑到底部。该模式将是一个表视图。
我想要一些类似于应用程序Foursquare的东西(在浏览选项卡中)
如果单击导航栏，则会出现一个从上方滑动的菜单，如下所示：
如何构建这样的模式/菜单？
浏览 6提问于2013-02-18得票数 0
回答已采纳
1回答
我的下拉菜单目前运行良好，但如果下拉菜单上的另一个按钮被单击，是否有方法更改动画的行为。
例如，单击一个菜单按钮将下拉一个菜单，但当该菜单打开时，您可以单击第二个按钮，而不是像没有打开任何菜单时那样向下滑动，而是从右侧滑入，而先前单击的菜单滑出到左侧。类似于theverge.com下拉菜单的工作方式。
<div class="menu1">
<div class="menu1Container"><p class="menu1TextContainer">BUTTON1</p></div
浏览 15提问于2016-09-09得票数 0
回答已采纳
1回答
菜单切换时箭头旋转
、、、
当我滑动打开另一个菜单或再次单击箭头时，如何让箭头旋转、单击并回转？
联署材料：
//Dropdown Menu
$("a.slide-dropdown").click(function slideMenu()
{
$(this).next('ul').slideToggle();
$(this).parent().siblings().children().next('ul').slideUp();
});
//Arrows
$( ".crossRotate" ).click(function() {
//alert($
浏览 3提问于2016-05-12得票数 0
回答已采纳
2回答
很久以来我一直在想办法解决这个问题。基本上，我有一个菜单，当用户点击一个箭头，它将slideToggle下拉框下。
我希望它能做很多事情。
1)当用户单击箭头下拉菜单并向下滑动时，我希望他们能够再次单击箭头，并使下拉菜单能够向上滑动。
2)如果用户单击另一个箭头下拉列表，我希望第一个下拉列表消失，然后显示新的下拉列表。
这就是我到目前为止所拥有的。它的工作距离第二点很远。
$('nav li i').click(function() {
$('nav li i.open').find('.dropdown').not($(this))
浏览 6提问于2013-10-08得票数 1
回答已采纳
2回答
在子菜单内切换子菜单
、、、、
我在试着切换菜单上的项目。现在，我有3个图标，当他们被点击，UL下拉-移动在点击图标下打开。单击“主菜单项”时，“子菜单项”应滑动打开，单击“子菜单项”，“子菜单项”应滑动打开。现在，我似乎只能滑动打开UL下拉移动，但我不知道如何使它，以便我可以切换子菜单在里面。
因此，我有以下布局作为菜单：
// slideToggle for mobile mainmenu
$('li.icons-list').click(function(e) {
if ($(this).siblings('li.hovertest').find('ul.dropdown
浏览 3提问于2015-12-21得票数 1
回答已采纳
我有一个菜单，我想在单击按钮时显示/切换该菜单，并在单击该按钮之外的文档的某些部分时隐藏该菜单。我一直在尝试一些东西，正如你在这里看到的：
// $('.dropdown-toggle').click(function()
// {
// $('.dropdown-menu').show();
// });
$(document).click(function()
{
// if ($(this).hasClass('dropdown-toggle'))
// $('.dropdown-menu')
浏览 1提问于2017-05-22得票数 0
2回答
WebdriverJS和下拉菜单
、、、、
我在nodeJS上运行WebdriverJS来测试网站的用户界面。我想要选择并单击下拉菜单栏中的子菜单项。子菜单项由CSS隐藏。菜单栏如下所示：
<ul class="dropdown" id="mainNavList">
<li class="active">
<a href="/home"><span>Home</span></a>
</li>
<li class="">
浏览 0提问于2013-05-14得票数 0
1回答
我正在尝试JavaScript的世界，为我的手机网站创建一个菜单。
这个想法是在顶部有一个菜单栏，如果你点击它，它会滑动打开，推着它的页面内容。如果再次单击菜单栏，菜单将滑动关闭，内容将跟随其返回到原始位置。除了一个例外，一切都运行得很好。当我切换菜单关闭时，内容跟随它向上，然后向下ping，为隐藏的菜单留出空间。(希望这是有意义的)
有没有人可以让我知道我做错了什么，以及我如何让页面内容忽略隐藏菜单？
JavaScript
$(document).ready(function(){
$('.dropdown').hide();
$('#menu_he
浏览 0提问于2015-05-14得票数 1
1回答
我的引导菜单如下(这是许多菜单项中一个菜单项的代码片段)：
<!-- Code for Navigable menu (mobile) -->
<nav class="navbar navbar-default" role="navigation">
<div class="container commonWidth">
<button type="button" style="width: 100%" class="navbar-toggle&#
浏览 5提问于2014-10-29得票数 1
回答已采纳
1回答
我有一个由div组成的菜单，其中一个div有一个向下拉菜单滑动的JQuery鼠标输入功能：
$(".dropdownLauncher").mouseenter(function() {
$(".dropdown").slideDown("slow");
});
我也有一个功能，滑动鼠标离开下拉列表的下拉列表：
$(".dropdown").mouseleave(function() {
$(".dropdown").slideUp("slow");
});
这很好，除了当用户将鼠标移到启动器
浏览 2提问于2011-01-25得票数 0
回答已采纳
3回答
停止在特定元素上的传播
、、、、
我有一个下拉菜单在一个头部使用引导带data-toggle="dropdown"。单击“下拉”按钮时，应该会出现一个列表。当您单击标题时，内容应该上下滑动。
问题是，当我单击下拉按钮时，它也会触发标题。这里通常的答案是e.stopPropagation，但是当我使用它时，它也会阻止下拉菜单的出现。
如何防止下拉按钮触发标题？
<div id="top">
<div class="dropdown">
<button type="button" class="dropdown-to
浏览 12提问于2017-12-11得票数 2
回答已采纳
我需要从左边创建一个滑动菜单。我已经成功地创建了这个选项，但是要关闭菜单，我们需要再次触摸/单击导航图标。当有人触摸菜单区域外时，我需要菜单滑动。
链接到我迄今所做的工作。
以下是我的JS代码：
/*Main Navigation*/
$(function() {
var html = $('html, body'),
navContainer = $('.nav-container'),
navToggle = $('.nav-toggle'),
navDropdownToggle =
浏览 0提问于2016-02-06得票数 2
回答已采纳
1回答
滑动下拉菜单不能完美工作
、、、、
我正在尝试将动画添加到我的下拉菜单中...它在大屏幕上工作得很好，但在小手机和平板电脑上(当切换导航出现时)就会有一个问题:当它应该向上滑动时，下拉列表消失了，没有像你在my 中看到的那样正确地向上滑动。请尝试在小浏览器中打开它，然后单击“服务”向下和向上滑动。
我尝试了另一个使用jquery的解决方案：
$(function () {
$('.dropdown').on('show.bs.dropdown', function (e) {
$(this).find('.dropdown-menu&
浏览 0提问于2017-04-28得票数 0
我对jquery有一个问题，我想使用向上和向下滑动或者切换，这是我的代码：
<div class="vertical-termekek"> <ul class="nav nav-pills nav-stacked" id="vertical-nav"><p>Termékek</p> <li class="dropdown">
<?php
wp_nav_menu(array(
'contain
浏览 3提问于2016-02-05得票数 1
2回答
我正在使用Twitter引导程序，我在顶部栏菜单上遇到了问题。当我从下拉列表中选择一个项目时，所有事件都被正确地触发，JavaScript是正常的，但是有一个可视的东西(可能是div？)然后就消失了。看起来是这样的：
我不是推特的引导专家，但我想我有一些无效的HTML放在那里。整个HTML代码都可以在这里获得：，但最重要的部分可能是：
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
&l
浏览 6提问于2015-06-26得票数 1
1回答
我创建了一些滑动菜单，所有的工作都很好，没有一个小问题。当我滑动菜单时，我会自动转到页面顶部(滑动效果很好，但为什么当我试图打开菜单时，当我滚动页面时，当我不在顶部时，我会被转移到页面顶部？)
菜单的位置是固定的，例如，当我在页面中心时，我可以滑动它。所以简而言之:我想滑动我的菜单，而不是自动跳到页面顶部(当我这样做的时候)。
js的代码：
<script>
jQuery('.arrowleft').click(function () {
jQuery(".other_sidebar_background").css(&#
浏览 0提问于2014-01-29得票数 0
我有以下CSS：
<ul id="nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle">Dropdown Appear 1</a>
<ul class="dropdown-menu">
<li><a href="#">Item 1</a></li>
浏览 2提问于2011-12-03得票数 0
回答已采纳
我尝试使用JQuery来突出当前的主菜单。它可以单击主菜单项，但在单击子菜单点时不起作用。主菜点总是可见的，子菜单点是用css隐藏的。主菜单项的'li‘标记总是有类下拉列表，而其他菜单项则没有，因此，使用最近的()方法，我想选择最近的'a’祖先(也包括自己)，这个单击菜点的父菜单点有一个父类'li‘和类下拉列表。我试着使用下面的JQuery代码来做到这一点，但不知怎么的，它并不适用于单击子菜单点的情况，我也不知道为什么。任何帮助都是徒劳无功。
JQuery：
$(document).ready(function(){
$("li a").cli
浏览 3提问于2018-01-23得票数 0
回答已采纳
当我点击DIV 1时，它会显示下拉菜单。现在，我想在单击默认选项卡时隐藏下拉菜单，或者在页面上的任何其他位置单击以关闭下拉菜单。我该怎么写这个的JavaScript代码呢？
HTML
<div id="dropdown-container">
<div id="default-tab" onclick="toggleMenu()"><a href="#">1</a></div>
<ul id="dropdown">
浏览 9提问于2016-09-20得票数 0
回答已采纳
3回答
当单击标题时，菜单(ul/li)将使用slideToggle向下/向上滑动。作为标题的背景，我有一个箭头指向如果菜单是不可见的，否则向上(我有两个类，‘箭头向上’和‘箭头向下’背景)。
下面是我试过的，但不起作用。什么是好的解决方案？
$j('h3.sub-menu-dropdown-btn').click(function(){
if ($j('ul').is(":visible")) {
$j(this).removeClass('arrow-up');
$j(this).addCla
浏览 2提问于2014-03-27得票数 3
回答已采纳
1回答
如何实现菜单导航抽屉，当用户单击某一菜单项时，菜单列表滑动到新菜单列表。所有这些都发生在菜单导航抽屉中。那是屏幕
当菜单导航抽屉打开时
这是用户单击第二项的时候。
最后，当用户单击某个项目时
浏览 1提问于2016-03-31得票数 0
回答已采纳
我把这个下拉列表放在页面A上：
<span class="dropdown">
<button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown trigger
<span class="caret"></span>
</button>
<
浏览 3提问于2016-08-27得票数 0
回答已采纳
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
我在prestashop中实现了bootstrap菜单。
因为bootstrap不支持悬停菜单(仅在单击之后)，所以我使用以下代码：
$( document ).ready(function(){
if(window.innerWidth > 768){
$('li.dropdown').hover(function() {
$(this).find('.dropdown-menu').first().stop(true, true).delay(200).slideDown();
}, f
浏览 2提问于2017-01-31得票数 0
回答已采纳
2回答
在bootstrap中，是否可以在同一个nav类中有多个下拉菜单，而不是将每个菜单项放在单独的div中？
发生的情况是，当我单击下拉菜单时，每次都会打开相同的下拉列表(我为两个单独的菜单项提供了两个下拉列表)
我尝试使用data-target只打开具有特定id的下拉列表，但这返回了一个控制台错误。
<nav>
<a>Menu item 1</a>
<a>Menu item 2</a>
<a class="dropdown dropdown-toggle" href="
浏览 0提问于2019-03-30得票数 3
回答已采纳
1回答
是否可以让导航栏在移动视图中从右侧滑动而不是从底部滑动。我使用的是默认的bootstarp导航栏，并且我已经定制了颜色。类似地，如果我有子菜单，它会以同样的方式工作(从右向左滑动)。请帮帮忙。
html代码:菜单
<div class="navi_links col-xs-12 col-sm-7 col-md-7 col-lg-7">
<!-- nav bar main links --->
<div class="collapse n
浏览 2提问于2016-10-28得票数 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
我的页面上有一个带有onclick="toggledropdown()“的div (id="menu")。这个div既有文本，也有img子元素。当单击除图像之外的任何内容时，切换代码都能正常工作。但是，当单击图像时，div会向下滑动，然后再次返回。
切换代码：
function toggledropdown()
{
if ($("#dropdown").is(":hidden"))
{
$("#dropdown").slideDown(400);
}
els
浏览 1提问于2012-09-18得票数 0
回答已采纳
我一直在练习用滑动切换、上下滑动等方式制作滑动菜单，但是如果我想把鼠标悬停在菜单上，我似乎做不到这一点。
到目前为止，我已经得到了这一点，但它只在点击时工作，并且它不会在离开菜单项后消失。因此，我只想将鼠标悬停在主菜单项上，然后下拉下拉菜单。感谢您的帮助！
<form id="form1" runat="server">
<div id="multiDropMenu">
<ul id="menu">
<li>
浏览 0提问于2010-08-17得票数 0
回答已采纳
我是一个使用jQuery的新手，我正在尝试理解这个slideToggle函数。我希望它是如何工作的，当你点击#toolsnav，#tool-dropdown div向下滑动，这是完美的。但问题是，当我单击其他导航div时，#tools-dropdown div不会上升，除非我再次单击它，否则它会一直处于下降状态。感谢您的帮助：)
<script type="text/javascript">
$(document).ready(function() {
$("#toolsnav").click(function() {
浏览 3提问于2012-04-11得票数 0
回答已采纳
1回答
我正在尝试使用bootstrap 4制作一个大型菜单，我发现了以下代码：
它工作得很好，但我希望当鼠标悬停在下拉链接上时，下拉内容显示为白色，具有SlideDown/SlideUp效果，所以我添加了以下jquery代码：
$(document).ready(function(){
$(".dropdown").hover(
function() {
$('.dropdown-menu', this).not('.in .dropdown-menu').stop(true,true).slideDo
浏览 31提问于2020-02-18得票数 0
4回答
我有导航条。我想设置它，以便当用户单击departments选项卡时，css将向下滑动并显示一些内容。我想用两个伪类来设置它。例如
dropdown.hide，.dropdown.show". dropdown.hide
将位于标头上方并向下滑动(通过css转换)，当用户单击“部门”选项卡时，它将转换为新的类(.show)。对如何做到这一点有什么想法吗？
这是我的。(原谅有小毛病)
(预先谢谢:)
浏览 9提问于2013-05-17得票数 0
回答已采纳
1回答
我有一个简单的PHP导航站点(使用$GET-Variables)。
HTML-导航链接的代码(它们漂浮在右边)：
<a href="index.php?main=test1" class="menuelement">Test 1</a>
<a href="index.php?main=test2" class="menuelement">Test 2</a>
<a href="index.php?main=test2" class="menuelemen
浏览 4提问于2011-06-10得票数 0
回答已采纳
2回答
如何使顶层下拉项可单击
、、、、
我在shopify开了一家商店，并将导航栏设置为下拉菜单。单击导航链接只会使其显示或隐藏下拉菜单，但我需要的是在第一次单击时显示，然后单击父项将跟随链接。(例如，我的主页项目下拉，但我实际上不能回家，而是需要它作为下拉项目)。
HeaderView.prototype.events = {
"click .main-nav .dropdown > a": "toggleMenu",
};
HeaderView.prototype.toggleMenu = function(e) {
var dropdown;
e.preventDefault(
浏览 8提问于2015-12-17得票数 0
我有一个简单的引导3下拉菜单，我想保持在任何时候打开，除了点击打开它的元素(锚)。因此，同样的元素应该负责显示和隐藏下拉列表。除了打开和关闭下拉列表的元素之外，我希望能够在UI中的任何地方单击。
我已经尝试过许多不同的方法来用e.stopPropagation();来解决这个问题。我试过用jQuery .off()函数..。
我成功地解决了在使用以下代码单击下拉菜单内部时保持下拉菜单打开的问题，但每当单击外部时，它就会关闭该菜单：
<ul class="nav navbar-nav navbar-right">
<li
浏览 1提问于2021-06-19得票数 0
回答已采纳
1回答
因此，我现在使用和jQuery slideToggle创建我的导航菜单。但我发现，在这种情况下，当我快速地将鼠标悬停在所有下拉菜单上时，下拉菜单会一直上下滑动。
我想对这些转换做一些更改，当我们从较大高度的列表更改为较低高度时，下拉菜单将直接滑动到较低高度菜单的边界，而不是先向上滑动到顶部，然后再向下滑动到较低高度。
例如，我有Tab A(>Dropdown A)和Tab B(>Dropdown B)。Dropdown A的高度为150px，Dropdown B的高度为100px。我想让它像这样:悬停在Tab A上，从顶部向下滑动到150px的高度。然后，如果我悬停在Tab B上，
浏览 2提问于2017-12-13得票数 1
请您看一看，让我知道为什么.dropdown-menu在鼠标上滑动？如您所见，我有一个脚本：
$('.navbar .dropdown').click(function() {
$(this).find('.dropdown-menu').slideToggle(400);
}, function() {
$(this).find('.dropdown-menu').slideToggle(400)
});
$(".dropdown-menu").mouseout(function(){
浏览 2提问于2014-07-30得票数 0
回答已采纳
2回答
平顺-共同滚动脚本，停止默认链接操作(通过返回false)，以防止在动画中跳转。这也会阻止当单击链接(坏)时引导导航条菜单崩溃。
示例：
在光滑的滚动脚本的最后一行；
如果返回false，则当单击链接时，它会冲突并停止菜单关闭。
如果您返回true，由于链接的工作，动画会变得不稳定。
复制：
单击dropdown / action链接
由于阻塞的默认操作，下拉列表保持打开(坏)。
从平滑滚动中排除肚脐链接将超出目的。
Idea:
我们可以修改平滑滚动脚本关闭所有导航条菜单时，一个链接是平滑滚动。类似$('.dropdown-toggle').d
浏览 0提问于2015-10-13得票数 1
回答已采纳
我有一个简单的下拉菜单，我是显示在内联文本链接。当单击链接时，我使用jQuery单击事件显示下拉菜单。
我想做的是让下拉菜单返回到隐藏状态时，点击任何地方是。现在，您必须再次单击该链接以关闭菜单。
演示
jQuery
// Show Dropdown Menu when link is clicked
$(function(){
$(".inline-dropdown-menu").click(function(e){
$(this).find(".inline-dropdown-menu-list:first").toggle();
e.p
浏览 9提问于2014-10-20得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
