Tag: 手风琴

你怎么能调整一个jQuery UI手风琴的高度？: 在我的用户界面，我有一个手风琴设置像这样： <div id="object_list"> <h3>Section 1</h3> <div>…content…</div> // More sections </div> 手风琴刚成形时就能正常工作，而且每一部分的内容似乎都能很好地调整。但是，如果我在.accordion（）调用之后（通过ajax）将更多内容添加到手风琴中，则该部分的内部结束溢出。由于手风琴几乎没有形成内容，所有的内部divs都非常小，因此内容溢出，你可以在里面拿到滚动条的手风琴，几乎没有可视区域。我试图添加最小高度的样式到object_list div，而内容div无济于事。将最小高度添加到内部div的工作方式，但它搅乱了手风琴的animation，并将其添加到object_list div没有任何作用。即使没有足够的内容填充这些部分，我如何才能从内容部分中获得合理的大小？

你如何使Twitter Bootstrap手风琴保持开放？: 我试图模仿使用Twitter引导使用手风琴和崩溃插件的Outlook栏，到目前为止，我得到了崩溃和手风琴的工作，但它目前允许所有部分被折叠。我想限制它，只有一个总是显示。这是我正在工作的一个： http : //jsfiddle.net/trajano/SMT9D/我认为这是沿线的某处 $('#accordions').on('hide', function (event) { console.warn("HIDE TRIGGERED, check if trying to hide the active one if so stop"); })

如何在jQuery中使用：not和hasClass（）来获取没有类的特定元素: 我有这样的代码行： $('#sitesAccordion .groupOfSites').click(function() { var lastOpenSite = $(this).siblings().hasClass(':not(.closedTab)'); console.log(lastOpenSite); }); 我得到“假”而不是得到其他元素之一（假设有一个 – 必须有）。我想这个问题是与： .hasClass(':not(.closedTab)'); 问题是什么？我的目的是创build我自己的手风琴（不使用jQuery UI）我正在试图写这样的： $('#sitesAccordion .groupOfSites').click(function() { //Get the last opened tab var lastOpenSite = $(this).siblings().hasClass(':not(.closedTab)'); //Close last opened tab and add class lastOpenSite.hide().toggleClass('closedTab'); //Open the current Tab $(this).children('.accordionContent').toggle('fast'); // remove class from open tab $(this).toggleClass('closedTab'); }); 这是最好的方法吗？谢谢阿隆

JQuery手风琴自动高度问题: 我正在使用JQuery手风琴。我在这里有这个网页： http : //www.hauppauge.com/site/support/support_colossus.html#tabs-6 会发生什么情况是自动加载需要一些时间来加载，在加载之前，内容下面有很多空白。当它最终加载的时候，高度将会扩展到更长的时间，然后快照到正确的内容高度。有没有办法让这个无缝？我只是想能够点击一个手风琴选项卡，并顺利扩展到内容的确切高度。更新08/08/2014：使用heightStyle: "content"如果您使用1.9或更高版本（“ Tarun”的答案），则使用heightStyle: "content" 使用autoHeight: false为1.8或更低（iappwebdev的答案）

jQuery UI手风琴展开/折叠全部: 我正在使用jQuery UI Accordion （一次不允许打开多个项目）。使用手风琴是适当的，因为我通常只需要一次打开一个面板。但是，我需要提供一个“全部展开”链接，点击时切换到“全部折叠”。我不想自定义围绕这个要求编写几乎相同的手风琴function，所以我希望一些JS能够实现这一点，同时保持Accordion组件的使用。问题：为了实现这个function，还需要使用JavaScript / jQuery，而仍然使用jQuery UI“Accordion”组件来支持标准function？这是一个小提琴： http : //jsfiddle.net/alecrust/a6Cu7/

Bootstrap 3手风琴button切换“data-parent”不起作用: 我试图用折叠的数据属性button来创build一个使用Bootstrap 3的手风琴，没有手风琴的标记。我看起来更清洁。但是我不能让数据父项属性工作。我想在开个问题的时候，所有的人都closures。我正在阅读文档（ http://getbootstrap.com/javascript/#collapse-usage ），但仍然无法使其工作。我使用下面的代码： <div class="accordion" id="myAccordion"> <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-1" data-parent="#myAccordion">Question 1?</button> <div id="collapsible-1" class="collapse"> <p>Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est.</p> </div> <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#collapsible-2" data-parent="#myAccordion">Question 2?</button> <div id="collapsible-2" class="collapse"> […]

jQuery和原型冲突: 我在HTML页面中使用jQuery自动完成插件，我也有一个使用原型的手风琴菜单。他们都完全分开工作，但当我试图在单个页面中实现这两个组件时，我得到一个我一直无法理解的错误。未捕获的exception：[exception…]组件返回失败代码：0x80004005（NS_ERROR_FAILURE）[nsIDOMViewCSS.getComputedStyle]“nsresult：”0x80004005（NS_ERROR_FAILURE）“位置：”JS框架::文件：/ / / C：/ Documents and Settings /Administrator/Desktop/website/js/jquery-1.2.6.pack.js :: anonymous :: line 11“data：no] 我发现与jQuery冲突的文件是手风琴菜单使用的“effects.js”。我试图用更新的版本replace这个文件，但更新似乎打破了手风琴的行为。我的猜测是手风琴中使用的'effects.js'文件被修改以获得手风琴演示输出。我也尝试使用重写的方法jQuery需要避免与其他库冲突，并没有工作。我从stickmanlabs.com获得了手风琴演示。 jQuery AutoComplete可以从jQuery站点获得。有没有人遇到过这个问题？