Bootstrap accordion不工作。

文章/答案/技术大牛

发布

2回答

javascript、jquery、css、twitter-bootstrap、bootstrap-accordion

我面临的问题是，当单击另一个accordion时，默认展开accordion的符号不会改变。也就是说，手风琴会折叠，但符号保持不变。下面是这个问题的屏幕截图。; margin: 10px;} <

浏览 15提问于2017-06-28得票数 2

回答已采纳

1回答

Bootstrap Forms Accordion不工作

javascript、html、node.js、twitter-bootstrap

我想要创建的是我有一个按钮，一旦我点击它，就会出现另外两个按钮，每个按钮一旦点击就会显示另一个折叠的表单，现在的想法是，我希望一次只显示一个表单，所以如果表单1被打开，而表单2即将出现，表单1应该会折叠，所以这是我的代码： <a data-toggle="collapse" data-parent="#ccvc" href="#local-sign-in" class="btn btn-default bt

浏览 0提问于2015-10-13得票数 1

1回答

仅对手风琴使用css引导

reactjs、css-animations、bootstrap-accordion

我正在工作的反应-自举手风琴，我已经准备了一个良好的工作演示。我喜欢手风琴如何打开和关闭的动画。这里发生的事情是，我没有在项目的其他部分使用bootstrap css。所以我只需要手风琴的鞋带。此外，bootstrap正在影响页面上其他元素的样式。import "bootstrap&#x

浏览 3提问于2020-01-21得票数 0

1回答

Bootstrap accordion在typescript中不工作

jquery、typescript、twitter-bootstrap、accordion

我正在尝试用Bootstrap做一个手风琴，由于某些原因，每当我点击手风琴时，切换都不起作用。我直接粘贴了教程站点的代码，但它仍然不能工作，我已经导入了bootstrap和jquery，我想知道我还遗漏了什么。/translations/default'; import 'bootstrap/dist/css/boot

浏览 16提问于2021-04-16得票数 0

1回答

Angular JS和Bootstrap* Accordion不工作*

javascript、angularjs、twitter-bootstrap

我正在尝试一起使用Angular JS和Bootstrap，我需要能够支持IE8及以上版本，因此我最初实现了UI-bootstrap，但它们不支持IE8。当我的视图(局部)使用accordion时，当我单击accordion时，它返回到first.html。所以手风琴不能用了？我知道这与angular获取#accordion并将其视为链接有关，所以它返回到first.html文件。那么，有没有好的解决办法呢？script src="https://ajax.googleap

浏览 1提问于2015-09-04得票数 0

1回答

当我在手风琴中更改窗体的值时，它将关闭。

reactjs、react-bootstrap

function MovementAccordion() { <Accordion> <Accordion.Toggle eventKey="0">Accordian Header </

浏览 3提问于2020-12-06得票数 0

回答已采纳

2回答

在视觉上很吸引人的长文本？

html、css、layout

正如您在下图中看到的，我的文本显示在一个“相对较小”的DIV中。目前，用户可以在DIV中向下滚动来阅读全文，但我并不真的喜欢这种解决方案，我正在寻找更具视觉吸引力的解决方案。在这种情况下，您的建议是什么？当用户点击"text part 2“、"text part 3”等时，隐藏/显示DIVs之类的东西，非常感谢

浏览 0提问于2013-05-06得票数 1

3回答

React-bootstrap* accordion无法正常工作*

javascript、accordion、reactjs、react-bootstrap

尝试一下，我尝试了react-bootstrap，并尝试使用react-bootstrap accordion实现accordion。首先，我尝试使用ButtonToolBar，它工作得很好。ButtonToolbar> buttonsInstance,);var Acco

浏览 3提问于2014-11-19得票数 2

回答已采纳

2回答

删除bootstrap中的折叠边框

twitter-bootstrap、twitter-bootstrap-3

我试过以下方法，但不起作用： border:none;下面是我的html代码： <ul" id="ac2"> <div class="accordion-heading">&

浏览 2提问于2014-10-26得票数 1

1回答

react bootstrap* accordion动态数据折叠不工作*

reactjs、react-bootstrap

在react bootstrap中，我正在使用accordion here硬编码数据工作更精细，如果我实现了动态数据不工作，(例如)第一个面板打开，如果我单击第二个面板则第一个面板不关闭，如果面板打开需要更改瓷砖颜色CollapseContentComponent extends React.Component { return (<Acco

浏览 0提问于2018-02-15得票数 1

2回答

Bootstrap datatable在添加accordion时不工作

php、jquery、datatable、html-table、accordion

我有一个如下的数据表：{ echo ('<td>'.$tickets->error.'</td>'); echo ('<td>'.$tickets->time.'</td>');

浏览 1提问于2018-06-11得票数 1

3回答

不能在柱塞中添加角应用程序依赖项

javascript、angularjs、plunker

我正在尝试创建一个使用AngularJS和UI引导的柱塞。当我想要添加“ui-引导”依赖项时，预览不会计算{{}}绑定。事实上，就像我输入任何依赖项(“ui引导”甚至"")一样，代码会失败。如果我将数组保持为空，则一切正常。 //controller stuff

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

回答已采纳

3回答

是否使用AngularJS ui-bootstrap将类添加到折叠标题？

angularjs、accordion、angular-ui、angular-ui-bootstrap

我希望使用ng-class向accordion-heading中有条件地添加一个类，但似乎甚至没有在元素上显式设置类的情况得到保留。我有这个： <div ng-repeat="currItem in items" accordion-group><div accordion-heading class="myClass">My Heading {{$

浏览 1提问于2013-09-15得票数 6

1回答

在React引导中使用Accordian时出错

reactjs、user-interface、bootstrap-4、react-bootstrap、bootstrap-accordion

每次我从accordion component复制粘贴react-bootstrap official docs代码时。我得到了以下错误。下面附有代码和错误截图。} from 'react-bootstrap'; <> <div style={{border:'1px solid<Accordion.Header>Accordion Item #1

浏览 1提问于2021-08-24得票数 1

3回答

React Bootstrap* Accordion不适用于NextJS*

javascript、reactjs、next.js、react-bootstrap

一切都很顺利，但是Bootstrap手风琴根本不能工作。我尝试了所有可能的方法，但仍然找不到解决这个问题的方法。import Accordion from 'react-bootstrap/Accordion'; import {Accordion} from 'react-bootstrap/Accordion'; import Accordion from 'r

浏览 55提问于2021-10-07得票数 0

1回答

JQuery$(“#accordion”).accordion不工作

jquery、jquery-ui、jquery-ui-accordion

在我的jsp中，我有以下结构： <h3>Heading 1</h3>$(document).ready(function() { $( "#accordion" ).accordion({ active

浏览 2提问于2015-05-18得票数 0

1回答

Angular bootstrap* ui折叠面板组“一次打开一个”不起作用*

javascript、angularjs、angular-ui-bootstrap

我一直在使用Angular ui-bootstrap。在这里，即使将值设置为true，oneAtATime也不起作用。这是我的代码。<div ng-repeat="group in groups track by group.key"> <uib-accordion-heading >

浏览 1提问于2016-07-04得票数 1

1回答

当Bootstrap* accordion在我的Angular应用程序中打开或关闭时，我如何运行一些代码？*

javascript、angularjs、twitter-bootstrap

我正在使用Bootstrap和D3制作一个用于大多数视觉效果的角度应用程序。我使用的是来自的accordion指令。当手风琴组打开和关闭时，我想在我的D3图表中触发更改。我怎么才能与之挂钩呢？我在想，我需要一种方法来运行回调，更新模型，或者直接查询accordion。我发现似乎可以很好地工作，但由于这个问题很老，我希望现在有更好的方法来做这件事。

浏览 1提问于2016-05-26得票数 0

1回答

jQuery手风琴坏了

jquery、html

我也使用过Bootstrap glyphicon。<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"><&

浏览 3提问于2016-07-26得票数 1

回答已采纳

1回答

折叠时将类添加到折叠切换

javascript、reactjs、race-condition、react-bootstrap

在React中，我使用了'react-bootstrap‘模块。当我使用Bootstrap accordion显示项目列表时。当"Accordion.Collapse“崩溃时，我需要在"Accordion.Toggle”中添加一个类。我试过使用react onClick函数，但它在每一次点击时都能工作，就像之前的"Accordion.Toggle“类在新的类折叠时不会被移除一样。注意:如果我直接使用Bootstrap</e

浏览 6提问于2019-07-28得票数 4

点击加载更多