如何在React上处理Bootstrap中的可折叠菜单
在React中处理Bootstrap中的可折叠菜单，可以通过以下步骤实现：
- 安装所需的依赖：首先，确保你的React项目中已经安装了Bootstrap和React-Bootstrap。可以使用以下命令进行安装：npm install bootstrap react-bootstrap
- 导入所需的组件：在你的React组件中，导入所需的组件。对于可折叠菜单，你需要导入
Navbar、Nav和NavDropdown组件。示例代码如下：import React from 'react'; import { Navbar, Nav, NavDropdown } from 'react-bootstrap'; - 使用组件创建可折叠菜单：在你的组件的
render方法中，使用导入的组件创建可折叠菜单。示例代码如下：render() { return ( <Navbar collapseOnSelect expand="lg" bg="dark" variant="dark"> <Navbar.Brand href="#home">Logo</Navbar.Brand> <Navbar.Toggle aria-controls="responsive-navbar-nav" /> <Navbar.Collapse id="responsive-navbar-nav"> <Nav className="mr-auto"> <Nav.Link href="#features">Features</Nav.Link> <Nav.Link href="#pricing">Pricing</Nav.Link> <NavDropdown title="Dropdown" id="collasible-nav-dropdown"> <NavDropdown.Item href="#action/3.1">Action 1</NavDropdown.Item> <NavDropdown.Item href="#action/3.2">Action 2</NavDropdown.Item> <NavDropdown.Item href="#action/3.3">Action 3</NavDropdown.Item> <NavDropdown.Divider /> <NavDropdown.Item href="#action/3.4">Separated link</NavDropdown.Item> </NavDropdown> </Nav> <Nav> <Nav.Link href="#login">Login</Nav.Link> <Nav.Link href="#signup">Sign Up</Nav.Link> </Nav> </Navbar.Collapse> </Navbar> ); } - 样式和交互：根据需要，你可以使用Bootstrap提供的CSS类名和属性来自定义可折叠菜单的样式和交互。例如，你可以使用
bg属性来设置菜单的背景颜色，使用variant属性来设置菜单的主题颜色。
这样，你就可以在React上处理Bootstrap中的可折叠菜单了。请注意，以上示例中的代码仅供参考，你可以根据自己的需求进行修改和扩展。
腾讯云相关产品和产品介绍链接地址：
相关·内容
在bootstrap中，散列链接用于切换可折叠面板：
<Link to='#' data-toggle='collapse' data-target={dataTarget} aria-expanded='false'>{this.props.text}</Link>
当点击像这样的链接时，我希望react路由器不要重新渲染组件。
上面的链接用于溢出某些页面内容的导航菜单中。当单击菜单中的链接时，会导致页面内容刷新。之所以会发生这种情况，是因为react路由器拾取了链接上的点击，并因此触发了当前页面的路由。
我如何才能避免
浏览 13提问于2017-07-13得票数 2
4回答
崩溃中的bootstrap下拉，
、、、、
我使用的是Bootstrap 2.0.3，在div中有可折叠/可扩展的下拉菜单。当下拉菜单溢出div时，它们会被切断(但它们不应该被切断)。Jsfiddle演示：
在Bootstrap 2.0.2中，菜单不会被切断：
我通过使用css规则找到了半个变通方法，如下所示：
#stuff.in {
overflow: visible;
}
每当标记为“折叠”的div展开时，bootstrap就会添加“in”css类。
不幸的是，这个变通方法在Firefox中完全失效了。
有什么想法吗？我正在考虑降级到Bootstrap 2.0.2，但那将是痛苦的。
浏览 2提问于2012-08-13得票数 15
回答已采纳
这可能是一个非常直截了当的答案，但我找不到解决方案。我正在Twitter Bootstrap 2上构建一个站点，客户要求顶部导航中的6个菜单链接居中，并在整个容器中间隔开。当我这样做，然后开始缩小浏览器窗口时，两个菜单项开始堆叠在一起，创建了一个更高的导航栏。我能够找到解决方案来避免这种情况的唯一方法是让导航直接进入可折叠菜单，因为它从724px开始。
我需要做什么才能让940px的菜单与724px的菜单相同，而不是1170px的菜单？我也有一些填充问题，当可折叠菜单出现时，我需要覆盖这些问题，但我可以为此启动另一个问题日志。
首先要感谢大家！
浏览 5提问于2012-11-30得票数 0
2回答
我试图从JSON文件中提取数据，并使用它填充一个导航菜单，该菜单由div组成，该菜单使用角UI可折叠函数折叠。
下面是我的代码()：
<!DOCTYPE html>
<html ng-app="samApp">
<head>
<link data-require="bootstrap-css@3.0.3" data-semver="3.0.3" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0
浏览 0提问于2014-03-18得票数 0
回答已采纳
这个问题可以在所有(据我所知的) Twitter Bootstrap版本中表现出来。所以，我有一个导航栏，当屏幕变小时，它就变成了一个可折叠的托盘。这种行为可以在bootstrap演示站点上看到。我还有一些子菜单，在最初的导航栏展开时显示为折叠的。问题是，在第一次折叠时，可折叠对象会得到一个显式的高度设置。如果关闭并再次展开，可折叠对象将获得一个height:auto;
因此，当我单击子菜单项时，下拉菜单被展开，但由于高度被显式设置而溢出。
我尝试的解决方案是添加：
$(function() {
$('.nav-collapse').on({
shown: func
浏览 0提问于2013-02-07得票数 7
回答已采纳
我试图找到一种方法来动态调用给定字符串的函数或引用给定字符串的变量。例如：
import React, {useState} from 'react'
const array = [
{
text: 'count1',
setFunctionName: 'setCount1',
otherdata: {}
},
{
text: 'count2',
setFunctionName: 'setCount2',
otherdata: {}
}
]
con
浏览 10提问于2021-01-20得票数 0
回答已采纳
2回答
我在可折叠的引导菜单上遇到了问题。我正在重新设计Wordpress网站的主页。所以我做了一个自定义的页眉、页脚和模板文件。我也使用bootstrap进行设计。
我将所需的引导程序CSS和JS文件排入队列；其他一切似乎都很好，但是可折叠的引导程序菜单不起作用。我认为bootstrap js与当前主题的现有JS冲突。我还尝试在自定义标头中加载脚本，但这并不是必需的。
我的下一步应该是什么？
这是。
浏览 1提问于2014-12-16得票数 0
1回答
可能重复: 可折叠菜单和网页中的链接数量
我的一个页面包含三个级别的可折叠菜单(来自mycssmenu.com的JS+ CSS )。有十几个第一级项目显示给用户，每个项目都有各种二级项目，最后还有很多三级项目，每个项目都包含一个打开相关内容的链接。
这会产生许多内部链接(300+)。谷歌搜索引擎优化建议在一个页面中有一个“合理”的链接数量。如何在不影响页面可用性的情况下更改菜单？
我想避免用户不得不打开一个新的页面，只是为了寻找他已经从菜单中找到的第三层项目，并跟随它的链接。希望我是清楚的，如果我不能，我可以添加一个样本。
浏览 0提问于2012-04-20得票数 0
回答已采纳
3回答
我有个小问题想要切换一下Bootstrap的图标。当我运行代码时，当您第一次单击它的图标时，它会执行预期的操作，但是当我再次单击它时，它不会改变。这里是我的代码和任何帮助将不胜感激！
<a><i class="icon-plus"></i></a>
<script>
$(".icon-minus").click(function(){
$(this).removeClass("icon-minus").addClass("icon-plus");
});
浏览 3提问于2012-07-16得票数 6
回答已采纳
我正在创建一个响应的布局在启动带3。
我无法修复可折叠搜索栏。请点击下面的链接查看可折叠菜单的外观。
扩展菜单链接
可折叠菜单链接
请给我建议。谢谢
浏览 4提问于2014-01-13得票数 0
这是我的第一个React项目，我想使用钩子，但我似乎对元素有问题
function Document(props) {
const [id] = useState(props.match.params.id);
const [document, setDocument] = useState(0);
///////////////////////////////////////
useEffect(function getTheDocument() {
getDocument({
id,
}).then(document => {
浏览 0提问于2019-08-08得票数 0
我正在使用导航栏中带有子菜单项的可折叠菜单。菜单在窄屏幕上可以正确折叠，并且子菜单项可以正确显示。
但是，当我在移动设备上单击子菜单项时，链接不起作用。相反，子菜单会折叠，并且折叠菜单上的顶部菜单项被高亮显示，就好像子菜单从未打开过一样，“单击”会穿过它到达下面的元素。
当我在桌面浏览器上测试页面时，一切都正常工作。
我已经定制了一些bootstrap样式，但主要用于颜色等。
有什么想法吗？蒂娅。
浏览 0提问于2013-07-03得票数 17
回答已采纳
使用引导3，当可折叠导航条菜单在移动设备中打开时，我面临禁用身体滚动的问题。当折叠菜单打开，如果我们滑动它，背景元素也开始滚动，我不想。我希望当我们在可折叠菜单上滑动时，背景元素不应该滚动。同样的问题也出现在台式机上。
浏览 0提问于2015-07-23得票数 5
回答已采纳
我有一个带有下拉菜单的标题，它使用bootstrap-dropdown.js、bootstrap.js、bootstrap.min.js和jquery-1.10.2.min.js。在同一个页面中，我有一个动画可折叠div，它使用jquery.js和
<script type="text/javascript">
jQuery().ready(function(){
// applying the settings
jQuery('#theMenu1').Accordion({
active: 'h6
浏览 1提问于2014-03-03得票数 0
1回答
在bootstrap中，我想让两个导航栏位于彼此的下方。我的想法是：
导航栏1有一个品牌:主菜单。
导航栏2(在navbar1下面)有一个名为: sub menu的品牌。
当用户在他的移动电话上查看网站时，他/她看到两个可折叠的导航栏。用户现在可以选择要打开的导航栏。菜单或子菜单。
我只是复制了bootstrap网站上的标准代码：
奇怪的是。当我把浏览器变小的时候。此时会出现两个折叠的导航栏。“主菜单”和“子菜单”。当我点击main menu后面的按钮时，会出现主菜单。就像它应该的那样。但当我按下子菜单(取消折叠)按钮时。主菜单再次打开。不是子菜单。
我只是在链接中使用了bootstrap网站
浏览 1提问于2013-12-20得票数 20
回答已采纳
我有一个管理模板，我想使用Blazor。我已经把所有的JavaScript和jQuery UI和CSS放在了_host.chtml文件上。然后，我将模板分割成导航、页眉和页脚等布局。
加载仪表板页面后，所有的bootstrap js功能，如可折叠菜单，关闭按钮对话框，都不起作用。
但是，当我尝试单击页面中的href链接，然后单击back按钮时，JavaScript功能正常工作。
如果你有一堆与jQuery捆绑在一起的CSS用户界面和引导JavaScript，那么它就不会工作。
浏览 0提问于2019-08-09得票数 1
我正在使用Ant Design和React。Ant Design有一个菜单组件：
可以使菜单不可折叠/展开吗？我阅读了文档，没有参数来关闭折叠/折叠。
浏览 268提问于2018-11-23得票数 8
我在React中有一小段代码：
<ul className="nav" id="side-menu">
<li>
<a href="#" aria-expanded="false">
<span className="nav-label">Account</span><span className="fa arrow"> </span>
</a>
浏览 19提问于2017-06-23得票数 0
2回答
我已经用reactstrap制作了一个可折叠的按钮，里面有令牌，点击折叠按钮一切正常。 我希望这个场景是这样的，但另一方面，我如何修改它，使所有可折叠的按钮在页面的初始呈现时打开。 在访问页面时，所有令牌都需要可见，这意味着所有可折叠的项都需要打开。 如果我们付出， this.state = {
open: [0 , 1, 2]
}; 然后它将被打开，但对于这篇文章，它可以工作，而在真正的应用程序中，我不知道确切的索引是什么，所以像这样的硬编码不会起作用。 请帮助我打开所有的可折叠数据的n号码要在初始状态打开，并在点击按钮后，它应该像现在(打开/关闭)令牌。 cons
浏览 50提问于2020-04-09得票数 1
回答已采纳
2回答
我有问题与可折叠的菜单工作在一个大小以上的手机。我希望网站能够有可折叠的菜单在移动和平板电脑的肖像视图，但是一旦网站调整到大于移动(其中移动菜单仍然可见)，菜单将显示，但折叠功能将不起作用。我显示了应该隐藏的项目，当我单击菜单按钮将其折叠时，它会再次弹出。我看了看，但不确定这是否与我的问题有关，我也无法理解它。
我正在工作的网站在这里：
任何建议都是很棒的。我对响应式网页设计和Bootstrap仍然很陌生。提前感谢您的帮助。
浏览 5提问于2013-10-03得票数 1
我的应用程序有一个可折叠的Bootstrap菜单，可以在本地主机上工作，但Heroku不让它被点击-有趣的是，当我的Heroku应用程序第一次部署时，它工作了10分钟，然后就再也不能工作了。我认为这是太多的数据，所以我压缩我的背景视频文件，并把它放回去，现在视频文件也不显示。为什么Heroku不让折叠菜单工作？我怎么才能修复它？
浏览 22提问于2019-01-07得票数 0
2回答
我做了一个简单的引导导航条，当显示窗口很小时，它会崩溃。我还在那个肚脐上添加了图像。
现在，当我使浏览器窗口更小，汉堡包菜单出现，我有可折叠菜单没有对齐的最左边的网页，请参阅下面的图片。
我想让那个可折叠的菜单与左边对齐，我该怎么办？
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<nav class="navbar navbar-inverse navbar-static
浏览 7提问于2017-01-12得票数 0
回答已采纳
我在移动版本中有两个不同的可折叠菜单。一个用于全局区域，另一个用于默认的顶部导航。如果单击地球图标，则将区域显示为菜单如果单击菜单图标，则显示菜单链接。
我的要求是，如果用户点击地球图标，区域就会展开。现在，如果用户单击菜单图标，区域显示将折叠，菜单链接将展开。反之亦然。
请建议我们如何在Bootstrap3中实现这一点。
浏览 4提问于2014-08-23得票数 1
我想用bootstarp制作可折叠的导航栏。我使用npm下载了bootstrap。
如何包含Bootstrap JS文件以使导航栏可折叠？
浏览 0提问于2019-10-01得票数 0
1回答
我想添加一个可折叠的侧边栏表格组件，它被呈现为覆盖在另一个组件上。 下图是一个包含3个分区的容器，每个分区都有一个单独的组件。 <Container>
<ThumbnailContainer/>
<ImageContainer/>
<FieldContainer/>
<Container/>
//////////////////////////////////////////////////////////////////////////////////
<ThumbnailContainer/>
浏览 28提问于2020-07-11得票数 2
我有一个来自react路由器dom的链接，如下所示：
<Link
to="/"
data-target="#navbarDropdown"
data-toggle="collapse"
className="nav-link"
>
我希望它重定向到"/“，并切换导航栏中的可折叠菜单。但是这段代码不会重定向到"/"，它只是切换菜单。如何同时重定向和切换？
浏览 0提问于2019-06-07得票数 0
2回答
我使用的是react-bootstrap折叠，它使用useState钩子管理可折叠项的状态，如下所示： function Example() {
const [open, setOpen] = useState(false);
return (
<>
<Button onClick={() => setOpen(!open)} aria-controls="example-collapse-text" aria-expanded{open}>
click
</Button>
<Collapse
浏览 29提问于2020-10-21得票数 1
回答已采纳
3回答
我发现很难在Material UI上创建带有菜单的导航栏。我读过它的AppBar文档。但是，他们似乎没有提供这个功能。
1)物料UI AppBar
2) React Bootstrap导航条
如何像React Bootstrap那样在Material UI上创建导航栏菜单？
浏览 2提问于2017-09-05得票数 12
我在react-router 2.0.0-rc4、react-bootstrap 0.28.2和react-router-bootstrap 0.20.1中使用React。我的导航条主要使用以下结构，但.active类没有正确应用：
<Navbar>
<Nav activeKey={ this.state.selectedKey } onSelect={ this._onSelect } >
<LinkContainer to="/">
<NavItem eventKey={1}>Home&
浏览 0提问于2016-01-13得票数 7
回答已采纳
4回答
响应式网站在移动设备上缩小到全宽
、、、、
我正在测试Bootstrap响应性导航栏，我有一个网站。当我在桌面上调整浏览器的大小时，一切都很好，包括导航栏，它变成了可折叠的菜单，顶部有一个小图标，我可以点击它来查看更多的菜单按钮。
但当我在手机浏览器上试用(我在chrome和Android上的互联网浏览器上试用)时，我没有看到响应式的设计。我只能看到非常小的桌面版本，比如网站。
谁能指出我做错了什么？
浏览 41提问于2013-10-03得票数 143
回答已采纳
Twitter Bootstrap在移动设备上的下拉菜单有问题。如果我使用Android的普通浏览器并点击菜单，它将在不到一秒的时间内打开和关闭，而我不需要做任何其他事情。如果我按下Bootstrap官方站点上的下拉列表，也会发生同样的事情，所以这与我的代码无关。
如果你想保持下拉列表打开并修复这个问题，你必须点击它们更长一点的时间，就像1秒。但很明显，我想要一个简单的敲击就足够了。
这对于安卓的普通浏览器来说是正常的吗？在Firefox和Opera中，Mini下拉菜单工作得很好。
谢谢!
附言:不，我在下拉列表中没有任何表单。只有在其他浏览器中工作正常的链接。
浏览 1提问于2013-01-15得票数 1
回答已采纳
1回答
我正在尝试获得一个下拉菜单来处理可折叠面板组。如果我将其从.panel-group div中删除，则下拉列表工作得很好。我用的是Bootstrap 3.0.3
不工作的js小提琴：
它应该是这样的：
浏览 2提问于2013-12-10得票数 3
回答已采纳
1回答
我正在用反作用带折叠做一个可折叠的部分。
接收到的数据是嵌套的，我需要在第二级显示折叠按钮，第三级将显示数据。
在这个显示级别没有问题，它已经显示在第三层的数据点击按钮。
问题：在单击任意按钮时，将打开所有可折叠部分，而不是单击的部分。
需求：只需要显示单击部分的令牌，在再次单击按钮时，应该将其折叠回去，并且不应该与任何其他项目有任何关系。
工作片段如下所示，
const data = [{"orderId":1,"orderNo":"123", "orderParts":[{"orderPartsId":1,
浏览 3提问于2020-03-30得票数 1
回答已采纳
1回答
我是个初学者，正在学习。我想做一个简单的项目，我用它中的引导来创建一个可扩展的表，但是当我单击可折叠的td时，它只是展开和关闭，没有任何效果。我想知道冲突会发生什么。
import React, { Fragment } from 'react';
import { Link } from 'react-router-dom';
import '../../node_modules/bootstrap/dist/css/bootstrap.min.css';
import "../../node_modules/bootstrap/j
浏览 13提问于2021-04-18得票数 0
回答已采纳
1回答
我对HTML相当在行，并且第一次使用Bootstrap，但我似乎无法让移动可折叠菜单在桌面上运行Chrome (大概还有其他浏览器)。
具有默认移动响应能力的iOS 7上的Safari在单击时显示菜单很好，但当浏览器被调整到类似移动的宽度时，在PC上的Chrome中单击菜单不会发生任何变化。
对不起，如果之前有人这么说过的话--刚刚通过了代码，无法真正理解为什么它不起作用！
第一次是这样，不知道如何把我的放在这里，所以它是。
谢谢偷窥者:)
浏览 1提问于2013-10-01得票数 2
回答已采纳
1回答
我有一个代码，我试图隐藏导航栏项目时，用户点击一个特定的链接。例如，我有一个主页、个人资料和商店页面，导航栏项目全部为3。如果用户单击个人资料，则个人资料项目应隐藏，如果用户单击商店，则商店应隐藏。我该如何继续并完成这个任务呢？请参阅下面的代码
App.js
import React, {Component} from 'react';
import logo from './pics/KNG.jpg';
import './App.css';
import { BrowserRouter, Route } from 'react-rou
浏览 0提问于2020-05-12得票数 0
2回答
我有两个问题：
单击某一项时，如何显示它并隐藏所有其他项目
如何获得像navbar这样的可折叠响应侧栏
开始我的jsFiddle演示：
我在做可折叠的边栏菜单。
正如您在演示中所看到的，当我单击articles时，应该是折叠(隐藏)他人。然后，如果单击users、articles和其他具有子级别的项，则应该折叠(隐藏)。所以应该总是一个打开的菜单。
我尝试使用Bootstrap文档中的collapse，但无法使用以下代码：
$('#sidebar a').on('click', function () {
$(this).closest
浏览 2提问于2013-09-06得票数 5
回答已采纳
6回答
我要开始一个反应项目。我想要一点澄清的材料UI的选择，而不是反应带。材料UI比的另一个比较中提到的Bootstrap更好。但是，在通过之后，我对Reactstrap有点困惑，如下所示。还是应该根据同一项目的要求使用这两种方法？
我想使用现成的UI组件，如可折叠的侧菜单，表与分页，自动完成选择等。
浏览 8提问于2020-07-03得票数 8
回答已采纳
我已经建立了一个JQuery移动站点，现在我正在创建一个使用的CMS。
我为菜单创建设置了一个数据库表，该表链接到页面内容的另一个表。
菜单表有: ID、Title、父级、可折叠(可折叠是一个复选框，用于确定是否为给定的菜单项创建页面，因为我不希望可折叠项如下面的jsFiddle所示那样是可单击的)。
jsfiddle.net/gn7q6/
从上面的jsFiddle中，您可以看到我希望菜单如何工作。
我只是不知道如何以这种方式创建动态菜单。
浏览 5提问于2013-07-31得票数 1
回答已采纳
嗨，我正在尝试创建一个使用Material-UI的UI，但如果用户在移动设备上访问，将允许我将菜单移动到可折叠样式的菜单。 我目前使用标签，因为至少是可滑动的(左和右)，但我想离开这一点，并创建一个菜单，这是水平的，但也可以折叠成幻灯片-在移动设备的菜单中。 我知道我可以使用Hidden，它只在宽度相同的情况下才会显示出来，但我需要更平滑的东西-比如Bootstrap。
浏览 41提问于2020-01-17得票数 0
回答已采纳
在Bootstrap accordion中，我不需要单击a文本，而是希望在单击panel-heading div中的任意位置时将其折叠。
我用的是Bootstrap 3，所以它不是手风琴，而是一个可折叠的面板。你知道怎么做整个面板可点击吗？
浏览 62提问于2013-10-08得票数 169
回答已采纳
有一个由展开/折叠按钮(#client-select)和下拉菜单(.client-select-dd)组成的菜单下拉菜单。菜单本身工作得很好，除了我想让它在用户点击菜单之外的任何地方时也是可折叠的，而不是特别需要再次点击按钮。
最初菜单是折叠的，因此第一次单击会更改菜单按钮上的背景(#client-select)，并使下拉选项可见(.client-select-dd)。第一次单击还会在正文中添加一个类(.client-deactivate)。再次单击(#client-select)可折叠菜单并恢复按钮image-client。
在我看来，在菜单打开时单击body (具有类".clien
浏览 1提问于2011-01-22得票数 1
1回答
我使用的是React和React Bootstrap 4.0。我想要一个300px的侧栏在屏幕的左侧，这是可折叠的，其余的屏幕上的内容是渲染。 侧栏和内容的父组件如下所示： import React from "react";
import './Home.scss';
import {Col, Container, Row} from "react-bootstrap";
import Sidebar from "./Sidebar/Sidebar";
const Home = () => {
return
浏览 15提问于2020-04-18得票数 1
回答已采纳
1回答
我试图使引导可折叠侧栏模板工作，但无法工作。它看起来应该看起来，但不会对按下按钮做出反应，尽管我已经从和jquery下载了“已编译的CSS和Js”，并将其包括如下：
<html>
<head>
<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-4.1.3/css/bootstrap.css">
<script src="${pageContext.request.contextPath}/bo
浏览 2提问于2018-10-28得票数 0
我用的是这个：。
除了点击手风琴本身之外，还有什么方法可以编程地使手风琴的反应物化打开？
我正在尝试添加一个onClick处理程序，以便在选择了一个react物化可折叠手风琴时，我可以执行一个setState，这样我就可以根据状态来做一些事情，并将内容呈现到弹出的手风琴中(条件呈现和其他目的)。
我有3个CollapsibleItems，当页面呈现时，this.changeBoardType被调用6次，如果在其中执行setState，就会陷入无限循环：
超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中反复调用componentDidUp
浏览 0提问于2018-01-25得票数 0
我使用的是onsen-ui的react版本。有没有好的方法把一个列表添加到另一个列表中？我正在寻找类似jQueryMobile的可折叠/折叠列表。
浏览 6提问于2016-08-06得票数 0
回答已采纳
1回答
我正在尝试让Bootstrap3导航下拉菜单在显示下拉菜单的同时触发一个可折叠的div --基本上是为了‘模拟’一个全宽的子导航栏：
$('.dropdown').on('show.bs.dropdown', function () {
$('#collapseExample').slideDown('normal');
});
$('.dropdown').on('hidden.bs.dropdown', function () {
if (!$('div.dropdown
浏览 1提问于2015-01-12得票数 0
1回答
我使用Bootstrap 3 nav作为类似于“可折叠的div”的东西，它包含多个级别的菜单。但是我有一个关于导航项目或它的超链接点击事件的问题，我想禁用它，这样我的菜单就可以按我想要的方式工作。
当然，我已经将我的自定义事件分配给了导航项目，这将打开第二个级别，但由于某些原因，这在移动设备上不能很好地工作。
我甚至为超级链接尝试了javascript:void()，但我认为bootstrap的单击事件被分配给了<li>
浏览 1提问于2014-01-28得票数 1
我正在调用一个API并将结果映射到我的状态，我也创建了一个可折叠的div，但切换不起作用。我对div使用了react-bootstrap，它可以在true和false之间很好地更新状态，但不会影响崩溃。
async componentDidMount() {
const response = await fetch('/api/getall');
await response.json().then(data => {
let results = data.data.map(item => {
return(
<div&
浏览 5提问于2018-08-30得票数 0
我正在使用下面的代码
import Navbar from 'react-bootstrap/Navbar';
import Nav from 'react-bootstrap/Nav';
import NavDropdown from 'react-bootstrap/NavDropdown'
但是我找不到像这样的多级下拉菜单
My-Menu
menu-1
menu-1-a
menu-1-b
menu-2
menu-3
m
浏览 5提问于2020-04-30得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
