1回答
我想做一个多级下拉菜单，类似于这个XKCD中的菜单：
有什么方法可以像这样使用Bokeh下拉菜单来折叠子类别吗？
我的问题不同于，因为我想要一个具有多个级别的下拉菜单，而不是N个独立的、相互依赖的下拉菜单。我也不打算把这个下拉在笔记本上。
浏览 1提问于2018-04-17得票数 0
回答已采纳
2回答
我为我的网站创建了一个定制的主题。这里我想创建一个多层次的下拉菜单，我使用仪表板完成了它，但是只有下拉菜单出现了。
浏览 2提问于2015-04-16得票数 0
回答已采纳
我想在Bootsrap 3和Wordpress中创建一个多级下拉菜单，我需要一些帮助。我甚至不知道这是否可能，因为如果我读了navwalker的手册，它说下拉菜单只支持一个孩子，因为移动优先的方法。
尽管如此，我认为我应该可以通过检查这个网站：
不幸的是，当我编辑第118行时，在我的例子中，下拉菜单不起作用，顶部的导航项目上的插入符号也不见了。
我认为已经有更多的人参与了这项工作，所以必须有一个选择来让它工作。
希望有人能帮我解决这个问题。
在进阶时谢谢！
罗兰
浏览 2提问于2013-10-21得票数 0
1回答
多级选择输入
、、
我认为一个例子最能说明我的问题。假设我有一个表单来选择书籍和它们的页面。用户将有一个多选择下拉菜单来选择书籍。然后，从每本书中，用户可以选择任意数量的页面。最后，数据将看起来像一个二维数组。顶层是所选书籍的数组，第二级是为每本书选择的页面：
books: {
"Book 1": ["page1", "page2", "page3"],
"Book 2": ["page1", "page2"]
}
书的下拉框将自动填充。下拉菜单选择书籍页面的选项将在加载时填充。
下面是一个硬编
浏览 2提问于2016-12-22得票数 4
回答已采纳
0回答
多级下拉列表不起作用
、、、
我是一个新的前端开发人员。我正在尝试添加一个多级下拉菜单使用bootstrap。这是我在互联网上找到的Haml代码。当我点击Header 4时，我可以看到第一级下拉菜单，但是如果我点击Sub Heading 1，它不会显示第二级下拉菜单，而是关闭父级下拉菜单。
%nav.navbar.navbar-inverse.sidebar
.container-fluid
%a.navbar-brand{:href => "#"} API Reference
#bs-sidebar-navbar-collapse-1.collapse.navbar-collap
浏览 5提问于2017-06-21得票数 0
1回答
我在我的页面上有一个下拉菜单，但有一些问题，即当下拉菜单出现并向下移动到一定的限制时，它将消失，如图所示。
1)当移动应用程序开发的下拉菜单出现时，如图所示，并向下移动到黑莓，但当我将鼠标指针移动到Palm时，菜单消失了。
css代码是
/* menu styles */
nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
}
nav a{
display:block;
padding
浏览 0提问于2011-03-02得票数 0
回答已采纳
1回答
我想使用jquery构建一个下拉菜单，使用click事件，而不是hover事件。我在编码中想到的是适当地工作，有没有其他执行多级下拉菜单的快捷方法
var initMenu = {
show: function() {
$('#left_dropbar ul ul').hide();
$('#left_dropbar ul:first').show();
$('#left_dropbar li a').click(function() {
var checkClick = $(t
浏览 0提问于2012-02-17得票数 0
回答已采纳
1回答
这是下拉菜单上的小提琴曲。如果你点击任何链接，它实际上会带你到我正在处理的主页。如果你试着点击“人类实践”下的子菜单，什么都不会出现。
请帮忙，我不明白为什么没有生成子菜单.非常感谢。
Here is the fiddle:
以下是与在人工实践中创建子菜单问题的直接链接：
浏览 1提问于2015-09-15得票数 0
回答已采纳
我有一个问题，由于一些后勤原因，我不能测试它，并亲自查看，所以我问你:)
我在wordpress中有一个多级导航，顶层页面有内容，当你点击它时，应该可以访问它。悬停时会显示下拉菜单。
我的问题是:这在没有悬停状态的移动设备上会有什么表现？在第一次点击下拉菜单时，会启动还是会将用户带到顶层项目后面的链接？
谢谢!
浏览 3提问于2013-09-26得票数 0
有没有可能通过使用twitter bootstrap 2的元素来拥有一个多级下拉菜单？原始版本没有这个功能。
浏览 2提问于2012-03-18得票数 92
回答已采纳
1回答
悬停多级下拉列表
、、
我正在尝试创建一个带有子菜单的下拉菜单，当我悬停鼠标时，它将打开，但子菜单一直显示在底部，而不是它的父菜单的右侧。
<li class="dropdown">
<a href="#" class="navbar-brand" data-toggle="dropdown">News <strong class="caret"></strong></a>
<ul class="dropdown-menu">
浏览 3提问于2017-05-09得票数 4
我有一个下拉菜单与2个级别。将鼠标悬停在level 1上时，它会成功打开level 2，但是，当我的鼠标从level 1移动到level 2时，整个菜单都会消失。(下拉菜单显示在悬停状态)
基本上，我想要实现的是悬停在二级下拉菜单上，让整个下拉菜单不会消失，并允许用户点击二级链接。
下面是我的HTML以供参考：
<ul class="link">
<li class="level-one-link">
<a href="" class="link-name">
LEV
浏览 3提问于2018-05-20得票数 0
1回答
我有一个下拉菜单在引导3，与一个自定义的子菜单。我正在尝试添加与原始下拉列表相同的行为。基本上，为了能够单击子菜单下拉菜单并关闭它，现在它只是打开，但是当您试图通过单击相同的链接关闭它时，它不会做任何事情。
我试着崩溃了，但是我没有成功，我设置了一个js小提琴来向你们展示我到目前为止所拥有的一切。
这个.js代码允许我在不添加自定义类的情况下拥有多个下拉菜单，我一直试图修改它，但没有成功。
$('.dropdown-submenu').click(function(){
$(this).children('.dropdown-menu').css('
浏览 0提问于2014-07-12得票数 0
回答已采纳
1回答
多级下拉菜单引导
、、、、
我正在尝试创建一个多级下拉菜单，但不是很远，我想要的是在下拉菜单中有：
1.one menu option
- sub-menu option
- sub-menu option
- sub-menu option
2.another menu
- sub-menu option
等
主菜单中最多有4个选项，每个菜单项都有子菜单。
到目前为止，我的情况如下：
<div class="container">
<div class="dropdown">
<button class=
浏览 2提问于2017-05-24得票数 0
回答已采纳
我一直在查看可用的响应式下拉菜单/导航栏，但似乎什么都不能正常工作。我主要需要一个基于CSS的菜单，不依赖于JavaScript黑客。
为什么不使用JS？基于JS的解决方案无法在Opera Mini这样的代理浏览器上工作，我们的大多数用户都在使用它，而且Blackberry浏览器在JS上的表现也不是很好。
很多人提倡在移动导航中使用选择菜单。这是一个有趣的解决方案，但这同样依赖于JS，并且对于嵌套的多级菜单来说非常繁琐。
那么，你遇到过哪些可能对你有用的导航系统呢？
浏览 2提问于2012-09-26得票数 9
我正在使用jquery选择的插件。在jquery中选择的可以显示下拉列表，如
-选择--
main manu1
menu1
menu2
main manu2
menu3
menu4
但是我想显示下拉菜单
-选择--
main menu1
submanu1
menu1
menu2
main menu2
submanu2
menu1
menu2
有可能吗？请帮帮我。
浏览 4提问于2013-02-04得票数 2
1回答
我想在几个型号之间使用多个选择下拉列表
我有这个：
class Report < ActiveRecord::Base
belongs_to :region
end
class City < ActiveRecord::Base
has_many :regions
end
class Region < ActiveRecord::Base
has_many :reports
belongs_to :city
end
当我选择一个城市时，我想从所选城市中拉出项目列表，并将其显示在下一个下拉列表中。如何创建下拉菜单之间的关系？有谁可以帮我？
谢谢。
浏览 1提问于2011-03-29得票数 3
回答已采纳
1回答
我有一个下拉菜单，它会在点击时展开，而不是悬停。问题是，当我打开子菜单时，当我把鼠标从当前的子菜单移动到它的父菜单时，我无法让它们关闭。它应该隐藏之前的菜单，直到导航栏(顶部)，并在我离开它的任何子菜单并悬停在页面正文上时隐藏所有菜单。
小提琴：
HTML：
<!-- <LINK REL="SHORTCUT ICON" HREF="favicon.ico"> -->
<!DOCTYPE html>
<html>
<head>
<script type="text/javascrip
浏览 2提问于2013-02-14得票数 1
回答已采纳
1回答
当我选择子级下拉菜单项时，孔下拉菜单消失。我希望只有选定的下拉列表消失，它不会隐藏父级下拉列表。
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Tutorials
<span class="caret"></span></button>
<ul class=
浏览 0提问于2018-06-20得票数 0
5回答
我以前没有做过很多多层次的纯CSS下拉菜单的工作，但我现在正在寻找最干净的方法。当我在网上搜索它时，我发现了很多4-5岁的解决方案，我不确定是否有比做一些更好的方法来实现这一点。
浏览 73提问于2012-02-02得票数 32
回答已采纳
1回答
有人能帮我解决我下拉菜单中的切换问题吗？我放慢了动画的速度，只是为了观看。
这是我的多级下拉菜单(仅测试页面)。如果你点击/点击一个二级选项(“边框”，“拉链”，“连衣裙”等等)，你会发现问题--这个功能开始打开第三级菜单，但也关闭第二级菜单。
下面是我使用的基本功能：
$(document).ready(function () {
$("#dropmenu li:has(div)").click(function () {
$('#dropmenu li.top-level > #dropmenu li.top-level div.drop_6col-b
浏览 1提问于2014-07-14得票数 1
回答已采纳
1回答
我创建了一个多级下拉菜单。当我试图在第2级获得元素的高度时，出现了一个问题，但是第1级工作正常。为什么？
alert($('ul.sub-1').outerHeight()); // --> 240
alert($('ul.sub-2').outerHeight()); // --> 0
浏览 1提问于2014-05-16得票数 1
1回答
如何创建多级下拉菜单
、、、
我想知道如何使用引导5和vanila创建多级下拉菜单，我在引导5下拉组件文档的基础上创建了这个示例。但当我点击的时候它没有显示出来。
问题是，如果有人有任何想法来实现这一点，那就是vanila js！
这里我的代码:
var myDropdown = document.getElementById('myDropdown')
myDropdown.addEventListener('show.bs.dropdown', function () {})
<!DOCTYPE html>
<html lang="en">
浏览 0提问于2021-03-31得票数 1
回答已采纳
2回答
使用blazor服务器应用程序并尝试制作多级导航菜单
在共享组件Navmenu.razor文件下，我添加了从bootstrap复制的代码
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-ex
浏览 1提问于2021-10-07得票数 0
2回答
我在我的website.When中是多级下拉菜单，我点击了主菜单，它显示了子菜单，但当我点击该子菜单时，它向上滑动菜单，而不显示menu.Here。 $('.main-menu ul li a').click(function(e) {
if ($(this).next().hasClass('sub-menu')) {
e.preventDefault();
$('.sub-menu').slideUp();
$('.main-menu ul li a').removeClass('ac
浏览 28提问于2019-04-29得票数 0
回答已采纳
我在我的Laravel应用程序中使用Voyager管理包。我试着像这样做两级下拉菜单：
Pages
-page1
-page2
-page2A
-page2B
但Voyager似乎不支持2级或2级以上的下拉菜单。所以我在互联网上搜索，在GitHub上只找到了一个解决方案。
我试图像上面的解决方案那样进行更改，但它仍然不起作用。有谁有这个问题吗？
浏览 0提问于2018-09-26得票数 0
我刚刚用jquery开发了一个单级下拉菜单..。如何重构相同的代码，使其成为多级下拉菜单.
这是我的工作..。
我用的jquery，
$(document).ready(function() {
$("#Programming ul.child").removeClass("child");
$("#Programming li").has("ul").hover(function() {
$(this).addClass("current").children("ul").fadeIn();
浏览 6提问于2010-07-22得票数 3
回答已采纳
1回答
我有一个选择框，它会在选项更改时运行一个JavaScript。现在我想要有多级选择，比如菜单和子菜单等。
我想要的是，我有权选择国家。鼠标一点击国家，该国家的城市就会横向进入表单，当点击城市时，可能会进入第三个列表。
我在这个论坛中看到，提到并解决了Country-City-Street类型的select，但我想要的是select的值应该是从最后选择的内容(从子下拉菜单中选择)，而不是像country->city->region这样的值
也是为了保持onchange的完整性。
浏览 1提问于2012-06-23得票数 1
2回答
我有这个问题，二级没有出现在下拉列表中。
index. html
<!DOCTYPE html>
<html>
<head>
<title>angular2 playground</title>
<link rel="stylesheet" href="style.css" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css&
浏览 5提问于2016-05-10得票数 1
回答已采纳
1回答
多级下拉
、
嗨，我正在开发一个jquery脚本来处理对下拉元素的多次单击。
脚本根据数据属性添加和删除类，并在外部单击时将其删除。
问题是：
如果我在另一个元素中嵌套一个类来切换，然后单击它，则父元素会删除它的类。我希望家长保留它的类，并应用孩子所需要的类。
我怎么才能阻止这一切？
我只有一条规则，绝对不使用e.stopPropagation().
我已经看到了很多使用stopPropagation方法的片段和脚本，如果我有其他脚本与元素交互，这是很危险的。
提前谢谢你的帮助。
jQuery(function() {
var toggled = [];
jQuery('.js-t
浏览 1提问于2018-07-09得票数 0
我正在写一个多级下拉的代码，问题是输出看起来像上图。 我的代码是： HTML <div *ngIf="options?.length >= 1" class="dropdown-menu">
<a *ngFor="let option of options"
class="dropdown-item d-flex"
(click)="selectOption(option)"
[ngStyle]="option.st
浏览 32提问于2021-09-13得票数 0
我想在opencart 2.0类别模块中显示多级下拉菜单
Menu>submenu>submenu1>submenulevel2>level3>
浏览 2提问于2015-09-07得票数 0
2回答
我正在使用SlikNav制作一个移动导航菜单。我有这样的结构：
<nav>
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Products</a>
<ul>
<li>
<
浏览 6提问于2017-10-04得票数 24
我用Angular材质成功地做到了这一点，它与使用下拉菜单部署的子菜单一起工作，但我正在寻找一种方法来使它们不是“下拉菜单”，我正在寻找一种向右过渡的方式，就像这样：
但这是在AngularJS 1.X中完成的。我使用的是Angular 5，有谁能想出任何方法或从哪里开始吗？谢谢!
浏览 50提问于2018-12-11得票数 1
回答已采纳
我使用bootstrap制作了一个带有多个复选框的下拉菜单(参见 )。此下拉菜单将引入在同一图表上绘制多个图形(“测量”)+多个选项(对数刻度等)的可能性。
一个值列表(对应于"measures")将被存储在一个json对象中。现在，我只使用一个select (用户只能绘制一个图表，没有图表类型或选项)：
<select ng-model="measure" ng-options="facet.path as facet.name for facet in station.facet_groups[0].facets"></se
浏览 1提问于2013-06-21得票数 2
回答已采纳
1回答
我已经在我的网站上添加了多级菜单，但我似乎无法让他们在左边或右边盘旋。当你点击菜单"ZIEN“和悬停在第一个"BRILLEN”的子菜单下面，而不是左或右(我的愿望)。有人有什么建议吗？
我希望我的解释是清楚的。
谢谢一堆人！
对不起，忘了链接：
谢谢你的侍者！我一直在进一步研究，并想出了下一件事:我从具有这个class=“下拉菜单-下拉菜单-子菜单”的类中删除了“下拉-子菜单”，并在css中更改了这一点：
.dropdown-submenu > .dropdown-menu
{
width:220px;
top:0;
left:100%;
margin-t
浏览 0提问于2014-01-24得票数 0
回答已采纳
2回答
我正在尝试构建一个多层次的ReactJs下拉菜单。我使用以下post/代码作为基础：和作为我的ReactJs组件的起点：
class DropdownMenu extends Component {
static propTypes = {
config: PropTypes.array.isRequired
};
getMenuItemTitle = (menuItem, index, depthLevel) => {
return menuItem.title;
};
getMenuItem = (menuItem, depthLevel, i
浏览 2提问于2018-08-28得票数 1
回答已采纳
我希望使用c#在asp.net中创建一个复合控件的多级下拉菜单。有没有人知道或者知道如何创建它？
我看过system.ui.webcontrols.menu，但我不认为它提供了我需要的功能。理想情况下，它应该尽可能简单。它不必使用css的悬停效果，因为它将使用onclick来创建下拉菜单。
如有任何建议，我们将不胜感激。
我对jQuery选项持开放态度，只要它们非常简单，并且易于修改。
再次感谢。
浏览 2提问于2012-03-23得票数 0
回答已采纳
1回答
多级水平菜单CSS
、、、
我需要创建一个水平菜单，它跨越3个级别的深度(顶部导航，次导航，SubSub导航)。
我已经找到了一些例子，比如这个跨越两个级别的，但是我在Jquery方面还不够强大，不足以让第三个级别工作。
$(function() {
$('li a').click(function(e) {
e.preventDefault();
var $this = $(this);
$this.closest('ul').children('li').removeClass('active');
$this.paren
浏览 20提问于2017-01-18得票数 0
1回答
所以，首先让我说我在编码方面不是很熟练……
这是我的问题：
我的下拉菜单起作用了，但当第一级悬停在上面时，它会显示第三级子菜单。当用户选择向下移动时，它会显示整个堆栈，而不是每个单独的级别。我相信这是一个很容易解决的问题，但我好像就是搞不懂。我也应该说，这个列表是从wordpress菜单中拉出来的……
请参阅代码
和实时站点
浏览 0提问于2012-01-03得票数 1
2回答
我有一个自动化测试套件，是用javascript完成的。我正在将项目从javascript转换为类型记录。在最初的项目中，结构如下：
帮手
公用设施
salesforce
navigation.js指数
utilityIndex.js试验
myExampleTest.js
navigation.js
var files = require('../../../indices/fileIndex.js');
var utility = require('../../../indices/utilityIndex.js);
var pageObjectsSF = re
浏览 1提问于2018-09-08得票数 0
回答已采纳
1回答
我正在基于这个引导模板创建web应用程序：
但是我对多级下拉列表有问题。在我的项目中，我使用了angular，这是我的主要索引：
<body>
<div id="wrapper">
<div ui-view="navbar" ng-cloak=""></div>
</div>
<div class="well" ui-view="content" id="page-wrapper"&
浏览 0提问于2015-05-10得票数 0
我想做多级下拉菜单使用选择和选项的方法
<select>
<option value="" data-display-text="Select">None</option>
<option value="oranges">SSC</option>
<option value="oranges">GATE</option>
<option value="bananas">BANK PO</op
浏览 1提问于2017-06-05得票数 5
1回答
我试图在下拉菜单中缩放div容器，这样它就更适合内部的文本了。
<div class='dropdown'>
<button class ="dropbtn"><b>Hover!</b></button>
<div class='dropdown-content'>
<div class='dropdown-level2'>
<button class ="dropbtn-lev
浏览 1提问于2016-10-21得票数 1
回答已采纳
1回答
在我的多级下拉菜单中，我遇到了子菜单中的问题，如果我点击' products‘，它就会工作得很好，但当我点击' products2’时，它将应用于products菜单，我希望products menu消失，products2 menu成为唯一可见的菜单。提前感谢 必须先关闭一个子菜单，然后才能打开其他子菜单 <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1&
浏览 15提问于2019-04-26得票数 0
1回答
多级下拉导航-保持二级下拉式关闭
、、、、
所以我对编码还是比较陌生的，我试着做一个多级下拉菜单，打开时显示第一级的链接，但直到点击后才显示第二级链接。
我从代码分叉开始，并构建了导航，但是我不知道要添加什么脚本来关闭次要链接。
// open mobile menu
$('.js-toggle-menu').click(function(e){
e.preventDefault();
$('.mobile-header-nav').slideToggle();
$(this).toggleClass('open');
});
$('.sub-toggle'
浏览 3提问于2015-10-16得票数 1
回答已采纳
3回答
我正在体验使用Bootstrap的多级下拉菜单，我已经确保我有最新版本的Bootstrap。我的代码非常简单明了。问题是子级别没有扩展(没有显示)。
我怀疑这个html有什么问题：
<div class="dropdown">
<a href="#" id = "Service_1" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Service 1 <span class="caret"&g
浏览 3提问于2016-02-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
