我使用的是动态面板。现在，我已经将数据硬编码到我的JS文件中。我使用了折叠按钮。问题是，折叠按钮只适用于第一个面板。虽然折叠按钮出现在其他面板上，但它不起作用。 有人能帮帮我吗？ 此外，我还使用了一个自定义指令来使用动态面板。
浏览 29提问于2019-06-07得票数 0
1回答
我正在尝试在我的材料设计精巧框架中实现引导框架。现在，使用引导网格很好，但当我尝试使用引导折叠面板时，它不起作用。js之间有冲突吗？
浏览 1提问于2016-04-26得票数 0
回答已采纳
我是ext.js的新手，我正在做一个项目。我需要一个可折叠的方框在面板内进行描述，并且在窗口中有大量的面板。
是否可以在面板中创建一个可折叠或可隐藏的框...？现在，我使用tpl在面板中显示描述。
浏览 2提问于2015-09-02得票数 0
我有一个关于JQuery可折叠面板的简单问题。我有一个左侧面板(从上到下)和一个包含表单元素的底部面板(从上到下)。
左边和下面的面板都是折叠的，不能重叠。问题是，当我折叠左侧面板时，底部面板应该展开到全宽，反之亦然。
有人能给我举个例子吗？我找不到一个。谢谢
浏览 0提问于2013-05-06得票数 0
如何根据用户的选择展开和折叠Bootstrap accordion面板意味着如果我展开A可折叠面板，然后展开B可折叠面板，则A不应该折叠。如果用户想要折叠它，那么可以通过单击符号来完成。
浏览 1提问于2015-08-13得票数 1
1回答
我已经使用JSF创建了一个表单。在我的表单中有许多手风琴面板，每个手风琴面板都由几个字段组成。
我想使用js禁用这样一个手风琴面板的所有字段。有没有一种快捷方法可以一次禁用整个折叠面板，而不是单独禁用折叠面板的每个字段。
浏览 0提问于2020-04-14得票数 0
1回答
我正在使用Liferay6.1，需要嵌套可折叠(！)<liferay-ui:panel-container>(至少2层深)。
我试过了
<liferay-ui:panel-container extended="true" id="outerPanelContainer">
<liferay-ui:panel collapsible="true" title="outer panel">
outer content
<liferay-ui:panel
浏览 0提问于2012-07-09得票数 1
当可折叠面板在中折叠时隐藏折叠面板标题。
items: [{
xtype: 'panel',
reference: 'mypanel',
padding: '0 15px',
scrollable:true,
width: 300,
userCls: 'collapsible-panel border-right',
title: 'My Panel',
collapsible: {
direction: 'left'
浏览 10提问于2020-02-05得票数 0
1回答
边框布局中带有覆盖的可折叠面板
、、、、
我使用边界布局，两个面板在东部和中心作为它的项目，默认情况下，如果我使东面板可折叠，那么它将调整大小的中心面板时，扩大或折叠。我想知道这种性质是否可以改变，当东面面板被扩展时，它会覆盖在中央面板上，而不是分享它的总宽度。下面的图片可能会给出一些我想要达到的目标。
谢谢！
浏览 1提问于2013-11-12得票数 4
回答已采纳
2回答
我有两个jquery(可以增加)，其中一个是母版页，另一个是内容页…首先，我添加了内容页面查询(这是一个水平折叠菜单)，它工作得很好，然后我需要第二个(以获得可折叠的面板标题位置)在母版页…但是在添加了second之后，它们都不起作用了。到底是什么问题..。
示例代码
这是第一次在我的内容页面中添加水平折叠菜单：
<script src="jquery.zaccordion.js" type="text/javascript"></script>
<script src="jquery.easing
浏览 2提问于2011-03-03得票数 0
回答已采纳
1回答
我目前正在建立一个响应网站，我正在使用可折叠面板的内容。由于内容数量庞大，我只想在智能手机上使用可折叠的功能。
所以我有两种情况：
屏幕空间最小的平板电脑和智能手机
具有足够屏幕空间的桌面屏幕
基本上，我希望折叠函数只在scenario 1上工作，在那里所有面板都是默认的。在scenario 2中，所有面板都应该是打开的，折叠函数应该被禁用。
由于我使用的是引导collapse.js，有一个好的方法来处理这个任务吗？
浏览 2提问于2014-10-13得票数 0
回答已采纳
例如，如果在加载页面时页面上存在折叠面板，则它可以正常工作。但是，如果我在页面加载后动态地将相同的折叠标记添加到页面，它将不起作用。 有没有一个初始化引导控件的全局方法，可以在页面加载后调用？我所能找到的只是试图重新实现点击处理程序逻辑的代码片段，如果有一个更简单的/全局初始化方法可以调用的话，这似乎是不合理的。其他建议，如在具有“.collapse”类的元素上调用“折叠”方法，将使某些内容可折叠，但accordion仍然不能正常工作。我可以折叠单个面板，但当一个面板展开时，其他面板不会自动关闭。必须有一种更明显、更直接的方法来处理这件事，而不需要重新发明轮子，但我在任何地方都找不到它。
浏览 11提问于2018-12-22得票数 0
1回答
我正在尝试处理ext.js面板标题上的点击(与其他面板一起位于手风琴中)，现在标题是一个扩展标题，其中包含许多项(而不是工具)。问题是，当我设置titleCollapse:true时，点击我的项目会传播到header，它会折叠。
我想要设置titleCollapse:true，这样用户就可以通过单击标题而不仅仅是折叠工具来折叠/展开。但是，然后这个问题..
浏览 1提问于2014-07-15得票数 1
有没有人知道一个用于水平折叠的jQuery脚本，它允许在折叠时使用不同宽度的面板？站点具有我正在寻找的功能，但使用的是Scriptaculous/Prototype。更喜欢使用jQuery。
我发现了一个类似的纯JS版本，但我不确定如何更改它以获得不同大小的折叠面板。我在JSFiddle上设置了，所以如果有人想修补一下，请便。
如有任何帮助或建议，我们不胜感激！
浏览 3提问于2011-03-10得票数 0
我使用的是Ext JS 5.1。我有简单的标题和可折叠面板。但在可折叠为true时看不到标题
{
xtype: 'panel',
title: 'Type',
collapsible: true
}
浏览 1提问于2015-02-28得票数 0
4回答
我用的是自带折叠式面板。这是它的
我想做以下几件事：
我想移动面板标题上的两个按钮(在最右边)，即与文本" Panel“完全相反。
但我只希望当面板展开时按钮是可见的。当面板被隐藏时，按钮也应该被隐藏。
我怎样才能做到这一点。JS会是什么？
我试图在JS中执行以下操作：
$(document).ready(function () {
$("#btnSearch").hide();
$(".panel-title").click(function () {
浏览 9提问于2016-12-27得票数 2
回答已采纳
我有一个可折叠的面板：
$cls.superclass.constructor.call(this, Ext.apply({
panel = new Ext.Panel({
title: "Panel",
collapsed: true,
items: [
this.section({
items: [
this.filter = new Ext.form.DisplayF
浏览 8提问于2018-08-31得票数 0
回答已采纳
我正在尝试使用用户控件中的AJAX可折叠面板，该面板被加载到支持AJAX的SharePoint站点的the部件中。我在使用AJAX overal时没有任何问题，但我对这个控件有问题。当页面加载时，它不会折叠，当我单击该链接进行折叠/展开时，它只会闪烁，不会折叠。经过一些研究，我发现其他人也有同样的问题，有几个人建议将内容面板封闭在：
<div style="height:0px;position:absolute;" >
<asp:Panel> content </asp:Panel>
</div>
这样做可以解决崩溃的问题，但我
浏览 1提问于2009-11-25得票数 0
回答已采纳
我正在使用一个带angular js的bootstrap可折叠面板。但是当我把我的可折叠面板放到div中并添加ng-if可折叠时，它就不工作了。
User <input type="checkbox" ng-model="isUser"/>
<div class="col-md-12" ng-if="!isUser">
<div class="panel-group driving-license-settings" id="accordio
浏览 0提问于2020-04-14得票数 0
现在我正在开发的站点有一个可折叠的源代码视图面板。我不知道如何实现一个React组件来完成完全相同的事情，我真的很抱歉，我只能提供一个我想要的例子。
在上有一个代码视图面板，我希望与这个站点上的面板完全相同。
在solidity源代码视图面板上，有一个折叠函数，我不知道如何实现这个函数。
是否有任何模块可以解析可靠的代码，或者我是否必须创建一个新的逻辑来解析代码？
总结我的问题；
制作一个可以查看源代码的React组件。
如何向该组件添加折叠函数？
此外，我目前使用的材料-ui 4.12.3和反应版本是17.0.2
浏览 1提问于2021-09-05得票数 0
回答已采纳
有一些表格数据要显示，可以按标题排序。我使用插件来完成这个任务。每一行也有一个可折叠的面板，它在每一行的正下方打开/关闭。目前，我已经将这些面板实现为由jQuery显示/隐藏的<tr>元素。但是，当Table sorter对列进行排序时，此实现也会导致对这些面板的排序。
在每一行下面显示可折叠面板的替代方法是什么？
浏览 0提问于2012-04-24得票数 1
回答已采纳
如何在使用JQuery创建的折叠面板中隐藏面板？
js文件：
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="ui.core.js"></script>
<
浏览 1提问于2010-01-11得票数 3
回答已采纳
现在我有一个页面，用可折叠的手风琴显示所有的会议。一开始，所有的会议都会崩溃。然后，当我点击会议按钮(在屏幕截图中被命名为‘音频’)时，包含会议id的请求被发送到node.js express，并且从数据库中检索会议详细信息，并由express返回到相同的html页面。要显示会议详细信息，将显示先前折叠的面板。
下面是折叠会议的屏幕截图。前两列用于会议代码和会议名称。
所以基本上它是通过路由从前端调用express，并且从express只返回数据而不是完整的html，html的js文件将处理这些数据并在面板中显示它们。
有没有办法让node.js express在不刷新页面的情况下只
浏览 1提问于2018-11-05得票数 0
2回答
我有下面的项目与角度使用引导手风琴。当用户单击面板时，折叠面板将显示一个开放街道地图，但由于某种原因，该地图没有显示。
如果我将行为更改为始终显示面板，如:class=“折叠显示”，则映射将被正确初始化
实现
浏览 7提问于2020-03-10得票数 3
回答已采纳
我正在使用Ext3.4使用一些表单来创建一个应用程序。
我在aa Ext.panel中有一个表单，它的折叠属性设置为true，因为我希望它是可折叠的。
来自DataBase的数据使用ExtJS 3.4提供的加载方法加载到我的表单中。
问题是，当面板在被用户折叠后“解折叠”时，属于HTMLEditor小部件的文本区域已被清空.
为了解决这个问题，当面板以某种方式未折叠时，我可以将数据重新加载到表单中，但我知道这不是最好的方法(最好的方法是在折叠面板时不丢失数据)。
如果有人遇到这个问题，或者有人知道解决这个问题的方法，请分享这个信息。我将非常感激。
浏览 6提问于2012-12-25得票数 2
我试图使用可折叠面板显示和隐藏数据，并使用字形图标也显示状态。最初，在启动时，字形图标没有正确显示(错误的状态)，但我使用JS找到了修复方法。
$('.collapse').on('shown.bs.collapse', function(){
$(this).parent().find(".glyphicon-plus").removeClass("glyphicon-plus").addClass("glyphicon-minus");
}).on('hidden.bs.collapse', f
浏览 1提问于2015-08-31得票数 0
回答已采纳
1回答
我正在尝试打开jQuery accordion中所有嵌套的accordion。示例代码-
我希望能够只打开嵌套的折叠面板(嵌套标题)，而不是所有的折叠面板(标题2)。另外，如何将按钮从“全部展开”更改为“全部折叠”，然后在再次单击时关闭嵌套的折叠图标？
<div class="accordion">
<h3>Heading 1</h3>
<div><button type="button" class="expand2nd">Expand all</button
浏览 0提问于2016-05-26得票数 0
我在页面的左侧设置了一个我认为是简单的twtter bootstrap折叠项目：
当您单击一个折叠面板标题时，它将打开，但当您单击另一个标题时，它也会打开该标题，而不是关闭第一个标题并打开第二个标题。
我已经将网站升级到最新的bootstrap js和css。
我怎么让它在打开另一个的时候关闭打开的那个？
谢谢
浏览 0提问于2012-09-01得票数 4
回答已采纳
1回答
我想要一个围绕着两个可以折叠的文本字段的面板，类似于没有文本的TitledPane。然而，TitledPane使用了太多的垂直空间，以至于它几乎不节省任何空间，因为它保留了通常用于标题的空间。JavaFX是否提供了一个真正节省空间的面板，比方说一个矩形和一个用于折叠的三角形？
浏览 0提问于2015-07-28得票数 0
我正在使用滑动面板foursquare库，当我打开面板活动时，我发现面板在默认情况下是展开的，但我想将其设置为默认折叠，请告诉我怎么做？
当我滑下面板或折叠它的滑动布局得到40 DP的高度，但我希望它是最低的100 DP。
因此，请告诉我如何以及在哪里进行更改，以在我的应用程序中拥有这两个东西？
到目前为止，我尝试的是更改滑动面板小部件中这些字段的属性，但它们都不适用于我
collapseMap();
slidingUpPanelLayout.hidePane()
slidingUpPanelLayout.collapsePane();
app:paralaxOffset="@di
浏览 3提问于2015-07-11得票数 2
2回答
首先是小提琴：
我想做的很简单，"panel-heading“类有两个div，类"panel-collapse"，有两个条件，
条件1:如果“面板崩溃”有类“折叠”，则在“面板标题”中添加一些html
条件2:如果“面板崩溃”有类“折叠”，则在“面板标题”中添加一些不同的html。
下面是代码：
HTML:
<div class="panel-heading">
Panel Heading
</div><!-- /.panel-heading-->
<div class="panel-collapse c
浏览 0提问于2014-08-21得票数 2
回答已采纳
3回答
jQuery手风琴面板不会倒塌
、、、、
目标是让每个区段在崩溃状态下开始。面板0和2都是以折叠状态启动的，但是面板1不是从折叠状态开始，而是在单击时折叠。面板1使用包含导入到站点的实时twitter提要的iframe。
代码示例如下：
HTML：
<div class="accordion">
<div class="testimonials col-md-6 col-lg-6">
<h1>section 1</h1>
<p>this is a div</p>
</div>
浏览 7提问于2013-10-08得票数 1
回答已采纳
1回答
我使用的是带有angular js的bootstrap可折叠面板。我的可折叠面板如下所示 <div class="container"><br/>
<div class="form-group">
<div class="checkbox">
<label data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-co
浏览 11提问于2020-04-11得票数 1
通常，extjs中的展开/折叠功能可以工作，因为面板/网格标题停留在一个位置，面板/网格的主体向下/向上移动。但是我需要面板标题在一个位置，在展开时，标题必须向上移动显示面板/网格体。在崩溃时，标题必须向下移动，并到达原来的位置。这就像在手风琴布局内部面板上展开和折叠一样。但我想要一个单板。任何代码示例或指针都将非常有用。
注意:请注意，我不能使用任何第三方插件。
浏览 2提问于2014-02-24得票数 2
当面板折叠时，如何在边框布局中获取面板折叠(展开)工具引用？
当面板被折叠时，我只能得到折叠工具(左)引用，而不是展开工具(右)。
小提琴：
浏览 2提问于2017-04-07得票数 0
回答已采纳
我有使用HTML和CSS的经验，但我刚刚开始学习JS，所以我的代码可能反映了同样的情况。我已经将一个普通的JS手风琴插入到我的网站中，但我想添加(最好是多个)折叠-页面上的所有链接。这是我的accordion HTML、CSS和JS，改编自W3Schools (https://www.w3schools.com/howto/howto_js_accordion.asp)： <h3 class="accordion">
***
</h3>
<div class="panel">
***
浏览 22提问于2020-12-28得票数 0
回答已采纳
我在这里做了一个Bootply演示：。
这是一个面板，按照的要求，它有一张桌子。但是，我也将面板设置为可折叠。折叠部分工作正常，但桌子本身不能保持形状。正如您将在Bootply中看到的那样，当您第一次加载页面时，它不会填充面板的宽度。当你点击面板标题中的“改进”来折叠面板时，表格会在动画过程中占据整个面板的宽度，然后消失。当您再次单击以显示面板内容时，在动画停止之前，表格都是全宽的，此时，它会收缩回看起来像是“自动”宽度的宽度。
奇怪的是，检查table元素会发现table本身是全宽的，但thead、tbody和tfoot并非如此。
我已经在某种程度上追踪到了表中“class”类的存在。如果您
浏览 2提问于2014-11-14得票数 11
回答已采纳
考虑下面的代码片段：
<div id="accordion">
<h3>TEST</h3>
<p>Lorem ipsum</p>
<script>some JS code </script>
</div>
一旦accordion被初始化，JS代码就会成为输出的一部分。我可以看到正在添加一些accordion属性。如何将accordion作为可见数据的一部分忽略，并将其保留为脚本？
我的代码是自动生成每个折叠面板，并且一些JS功能是作为其中的一部分构建的，因此出现了问题
浏览 10提问于2018-01-12得票数 0
我使用的是asp.net/c#，并且有许多在页面加载时动态创建的可折叠面板扩展器。这些控件位于每5秒更新一次的更新面板中。我遇到的问题是，每当更新面板更新控件的状态时，控件就会被重置。例如，可折叠面板扩展器将生命周期设置为折叠，如果我随后展开该面板，并且发生更新，则该面板将重新设置为折叠。
如何保存可折叠面板扩展器的状态，并在更新发生后重新加载状态？这是正确的方法吗？
谢谢
杰克
浏览 0提问于2008-11-12得票数 1
回答已采纳
2回答
我需要一个java应用程序，在它的“边框”中有一个隐藏/显示按钮的面板，它折叠或展开它。
关于效果的描述可以在下面找到：“面板沿着隐藏按钮箭头的方向缩小。面板另一端的隐藏按钮仍然可见”；但是我需要它在Java下，而不是JDS.
java有这样的面板吗?还是由我们自己实现？
浏览 5提问于2013-07-25得票数 1
回答已采纳
我使用了bootstrap accordion，它有3个静态面板和一个由Angular Selector添加的动态面板。由于选择器，一个额外的div包装了第四个面板，因此该面板不再直接位于panel-group下。所以折叠适用于3个静态面板，但不适用于accordion中动态添加的面板:更详细地说，在展开第四个面板后，当我尝试单击前三个面板中的任何一个时，第四个面板没有折叠。
我已经复制了我的问题。
我知道解决这个问题的一种很糟糕的方法是使用jquery，然后手动使折叠面板折叠。有没有更好的办法？
更新：是一个更新的链接，其中动态生成的内容有两个面板，由额外的div包装。如前所述，面板4和面板
浏览 18提问于2018-02-28得票数 1
好的，这是一个简单的例子。我需要创建一个简单的自定义面板，将具有折叠功能。问题是我需要控制折叠按钮的位置，我需要控制折叠模式的UI (即我希望面板在折叠模式下显示一些东西，而不仅仅是标题。
例如:我想创建一个搜索面板，该面板将嵌套在应用程序页面上方的视口中。每个页面将访问搜索面板标题和它的高级搜索表单，这是可折叠的。在折叠模式下，只有简单的搜索和标题可见。
以下是折叠前的图像：(单击带圆圈的箭头后，面板将展开以显示高级搜索)
这是塌陷后的图像：
你将如何着手实现这样的功能？
浏览 1提问于2011-10-24得票数 1
回答已采纳
3回答
带可折叠页脚的引导布局
、、、
我想要像下面这样的布局。顶部标题(非粘性)和底部通知面板。我们计划在通知面板中显示可滚动的文本。我们也希望有用户来折叠这个面板，这样他只能在他想看到的时候看到这个。
如何使用引导程序来设计这样的布局(我使用的是最新版本)
通知面板的高度可以通过css来确定。
我尝试了下面的标记，但是我有以下问题。
我无法为底部div设置百分比高度(以支持不同的监视器)。
我不知道如何使它可折叠(手风琴的鞋带可能是？)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.m
浏览 5提问于2015-02-17得票数 4
回答已采纳
我正在用可以折叠的Bootstrap.js面板做实验。我想看看是否可以更改面板标题元素的样式，但仅当它与面板折叠元素相邻时。下面的选择器将明显更改所有标题。
.panel-heading:hover {}
因为我尝试向前看目标元素后面是否有特定的类，所以我不确定CSS是否支持这一点。
<!-- This should change style of panel-heading when hovering over the panel-heading element -->
<div class="panel">
<div class=
浏览 5提问于2017-06-07得票数 1
1回答
我在布局中使用了四个面板，每个面板都是全宽的。它们在sm和xs视图中堆叠得很好。我已经将面板设置为在md和lg视图大小时没有样式，这是它应该工作的。
当仅在sm和xs视图中显示时，我如何让它们显示折叠？目前，它们是开放的，这是可以的，但考虑到一些数据的高度，如果我可以将初始状态折叠起来会更好。
不能将代码放在这里，因为它充满了其他数据库，js和其他东西的加载，因为我们仍在构建它，这些还没有清理到文件中。
浏览 4提问于2015-05-21得票数 0
回答已采纳
我正在使用Bootstrap 3，在一个面板组中有几个面板，并在每个面板上使用折叠。展开/折叠的效果很好。
我也有jquery(动画到scrolltop)在hide.bs.collapse事件时将窗口滚动到折叠面板的顶部。这也很有效。
我正在尝试做的是，使动画滚动顶端与引导程序折叠的速度相匹配，以便窗口在折叠的同时向上滚动。目前，根据动画的速度，窗口在折叠之前滚动或在其后面滚动。
我不确定我所要求的是否可行。谢谢你的帮助。
浏览 1提问于2016-08-11得票数 0
1回答
我在理解b/w折叠和面板折叠的区别时有点困惑，因为它们几乎都有相同的目的，那么为什么我们在处理Bootstrap中的面板时也必须使用面板折叠。
浏览 1提问于2016-11-18得票数 0
我使用的是Angular v6，我有一个网格列表，每个瓦片里面都有一个手风琴。当我展开一个折叠面板时，面板会被展开，但不会将父面板向下推。
您可以看到我创建的这个示例，它演示了我所遇到的问题。
浏览 4提问于2018-09-12得票数 1
1回答
我试图使用一个引导折叠面板成一个角组件。根据我所看到的，引导方法是使用面板的id来折叠。这作为独立的工作，然而，当使用到一个角分量，相同的id创建一个不希望的效果，当切换之间的折叠和不崩溃模式。(第一个面板总是折叠/未折叠)
下一步是创建自定义折叠面板。这是工作的，可以在这里看到，但崩溃的效果是不一样的(柱塞链接显示在平行的我的面板和引导面板)。
我的问题是如何在组件中使用引导面板，或者如何更改css，使其在崩溃/未崩溃时具有相同的引导效果。？
<custom-filter-accordion button-text="Expand / Collapse Non-BootStr
浏览 3提问于2016-07-18得票数 0
回答已采纳
1回答
在下面的示例中，当我单击“添加”按钮时，面板开始随面板一起折叠。但当我单击“添加”按钮时，希望面板不应折叠。因为我得为纽扣写不同的动作。
当我单击标题栏时面板应该折叠，当我单击add按钮时，它不应该折叠
请提出进一步澄清意见。
a.addinput {
background: #138eff;
padding: 5px;
margin: 0 0 0 15px;
color: #fff !important;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1
浏览 3提问于2022-04-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
