Bootstrap accordion折叠与th:块

文章/答案/技术大牛

发布

1回答

java、html、bootstrap-4、thymeleaf

我有一个来自DB的数据包，我想将它们打印到折叠折叠中(Boostrap上的示例)。现在，我在网站上打开了所有对象或任何对象。<div id="accordion"> <div class="card">button class="btn btn-link" data-toggle="

浏览 22提问于2019-02-21得票数 0

2回答

一次切换一个Div /单击Open Div，它将关闭

javascript、html

JSFIDDLE: <table class="table"> <tr> <th>From</th> <th>Utensil</th>

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

1回答

在Angular 6中动态创建的Bootstrap崩溃不起作用

javascript、angular、twitter-bootstrap、angular6、angular-cli

在Angular 6中，我迭代了一个数据集，以便动态地创建一个折叠/折叠。问题是Bootstrap是在页面加载时初始化的，然而，这个accordion是在页面加载之后、API调用之后创建的。因此，在呈现accordion之后，它不是交互式的，因为新的DOM元素不是在页面加载时初始化bootstrap时挑选的。如果我能让bootstrap完全从JS重新初始化，那就太好了。否则，我需要找到一种方法来重新初始化Bootstrap折叠</e

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

1回答

引导程序未按预期运行

php、html、laravel、bootstrap-4、laravel-blade

问题已解决：该问题与脚本调用js的路径有关。我正在使用bootstrap accordion和卡片来向用户显示数据。当页面第一次被创建为静态页面时，accordion起作用了。一旦我调用了数据，accordions就失去了功能，并且不能打开或折叠。他们停留在他们所处的位置。检查网页会显示所有的代码，但是有一些东西阻塞了“折叠”功能。这也适用于扩展了唱段的类。我已经创建了一个新文件，在没有DB调用的情况下将代码复制并粘贴到其中，并验证了它是否正常工作，因此问题似乎与PH

浏览 2提问于2019-09-13得票数 1

2回答

启动4手风琴，折叠按钮闪烁，然后到达扩展结束。

javascript、html、css、twitter-bootstrap、bootstrap-4

Helvetica, sans-serif; width: 100%; #competence th/4.0.0/css/bootstrap.min.css" rel="st

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

回答已采纳

3回答

用Bootstrap创建Accordion表

javascript、html、css、twitter-bootstrap、twitter-bootstrap-3

有人想到的一个解决方案是在表格之外创建一个手风琴，其中每一行都是可点击的，并将与信息的其余列一起向下折叠。我很难让Bootstrap为我正确地做这件事。<table class="table table-hover"> <th></th><th></th><th></th&g

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

回答已采纳

0回答

Jquery点击事件

javascript、jquery、html、ruby、twitter-bootstrap

我正在使用bootstrap accordion。我希望能够存储手风琴的状态。我决定使用本地存储。如果用户关闭了折叠，我想要清除localstorage，这样它就不会一直打开。我已经把这些都做好了。我的问题是，当用户点击打开/关闭accordion的链接时，我正在对类进行“折叠”检查。当它被点击时，我假设如果它有类“折叠”，我可以清除localstorage。但出于某种原因，情况恰恰相反。" class="accordion-right&q

浏览 10提问于2017-06-13得票数 0

1回答

在Twitter Bootstrap* Accordion折叠中加载Ajax表*

jquery、twitter-bootstrap、accordion

我试图通过ajax加载Twitter折叠的内容，内容是包含html表的twitter引导标签的形式，这适用于第一个标签和第一个可折叠菜单，我想知道通过ajax加载Twitter bootstrap折叠内的标签的最好方法是什么这是一个小提琴 </div> &l

浏览 1提问于2013-01-17得票数 4

1回答

创建引导带可折叠手风琴表行，以显示来自烧瓶sqlalchemy占位符的动态内容。

python-3.x、flask、sqlite、bootstrap-4、flask-sqlalchemy

对于此示例，假设数据是发票列表，单击每一行将打开一个collapsible bootstrap accordion，并为单击的发票提供更多信息。<table class="table table-hover" data-toggle="table"> <tr> <th>Date</th><th>Invoice</th<

浏览 0提问于2018-11-15得票数 3

回答已采纳

2回答

展开折叠一次折叠所有div

jquery、twitter-bootstrap、jquery-ui-accordion

我使用的是twitter、bootstrap、css和js框架。在这个例子中，我有四个可折叠的div。 <div class="accordion-group"> <div class="accordion-heading--/accordion-he

浏览 1提问于2012-12-27得票数 3

2回答

带靴带的Thymeleaf :折叠/手风琴桌

twitter-bootstrap、thymeleaf

我试图从Thymeleaf和Twitter Bootstrap的元素列表中创建一个表。通过单击表行，每个行都应该是可扩展的。 </thead> <tr th:each="result: ${results}" th:attr="dat

浏览 4提问于2016-02-09得票数 1

回答已采纳

2回答

如何在Bootstrap* accordion之外搜索div*

ruby-on-rails、twitter-bootstrap

我正在使用Bootstrap accordion，我喜欢它在中的工作方式。但是，我希望能够在手风琴之外切换一个额外的部分。有什么快速技巧吗?或者我应该试着开发我自己的小部件？

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

4回答

引导程序折叠数据-父级不起作用

jquery、twitter-bootstrap、collapse

我使用的是bootstrap 2.2.1，但是由于某种原因，data-parent属性并没有执行预期的操作。当我单击另一个目标时，它不会关闭以前打开的目标。<div id="accordion"> <li> <a href="#" data-toggle='collapse' data-target='#document', data-parent='#accor

浏览 1提问于2012-12-02得票数 8

回答已采纳

1回答

使用accordion类时禁用Bootstrap* 5- link*

twitter-bootstrap、bootstrap-4、bootstrap-5

我有一个表行，当使用accordion类单击时，它会展开隐藏的表行。属性中也有一个标记。在Bootstrap 4中，该链接是可点击的。在bootstrap 5中，单击链接会触发折叠，而不是跟随链接。下面是一个代码片段： <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/<em

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

1回答

Twitter Bootstrap崩溃

twitter-bootstrap

我正在尝试让一个基本的bootstrap崩溃工作。但是，我当前的代码不能展开或折叠折叠。相反，当您点击按钮时，页面会跳转到折叠正文所在的位置，而不会折叠它。我真的很困惑，因为根据bootstrap网站的说法，这似乎是正确的。下面是我的代码：<head> <body>

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

回答已采纳

3回答

如何在react中使用bootstrap* accordion代码*

reactjs、bootstrap-5

我刚从bootstrap components https://getbootstrap.com/docs/5.0/components/accordion/上复制了bootstrap accordion的代码，预期会有一个下拉列表，但它不在那里不想使用react引导程序组件https://react-bootstrap.netlify.app/components/accordion<

浏览 32提问于2021-09-27得票数 1

1回答

引导表折叠时只允许打开一个

jquery、twitter-bootstrap

我有一个表，有折叠的项，我想一次只显示一个，就像这里的，但是我找不到如何为一个表显示。我看到有一个类数据--父类，但是我不能在表中使用它，不知道为什么。谢谢。/3.3.7/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css:collapse;background-color

浏览 1提问于2017-05-09得票数 0

回答已采纳

4回答

如何以编程方式打开/折叠GWT Bootstrap Accordion

gwt、twitter-bootstrap、accordion、collapse

有没有人可以提到如何以编程方式打开/折叠bootstrap accordion。这是我的uibinder xml for ACCORDION小部件。我想把它折叠成我的uibinder java类。<b:Accordion> . .</b:Acc

浏览 1提问于2013-07-17得票数 1

1回答

引导程序崩溃不能正常工作

twitter-bootstrap、accordion、collapse

我已经创建了一个带bootstrap折叠的手风琴。折叠面板中的某些元素在单击特定元素时展开时会替换。将创建以下标记：

浏览 1提问于2012-11-02得票数 5

回答已采纳

6回答

引导折叠-展开所有

twitter-bootstrap-3

我已经实现了Bootstrap 3崩溃。当单击任何标题链接时，客户端希望所有目标块展开。我尝试过实现一个修改过的版本，但是无法使它正常工作。<div class="panel-group" id="accordion"> <div class="pan

浏览 6提问于2014-02-27得票数 17

回答已采纳

点击加载更多