6

我在我的网站上使用 Bootstrap，只是在某些页面内容中添加了一个手风琴，也就是折叠。

它工作正常，但我想始终保持至少一个面板打开。

目前，面板总是切换打开/关闭，请参见下面的示例：

http://twitter.github.com/bootstrap/javascript.html#collapse

有没有人找到解决方法？

这是来自 Boostrap 站点的代码，与我当前的实现类似（使用数据属性对其进行初始化）：

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Anim pariatur cliche...
      </div>
    </div>
  </div>

4

3 回答 3

2

这个问题的解决方案在这里： 你如何让 Twitter Bootstrap Accordion 保持一组开放？

感谢@aron.lakatos 指出另一个已解决的问题。虽然问题是一样的，但在这个问题之后的几周内，有人问了解决的问题:)

于 2013-04-20T17:50:19.580 回答
1

http://jsfiddle.net/SMT9D/61/

$('.accordion-toggle').on('click',function(e){
    if($(this).parents('.accordion-group').children('.accordion-body').hasClass('in')){
        e.preventDefault();
        e.stopPropagation();
    }
});

如果页面中有滚动条，则应添加e.preventDefault(); 以防止 HTML 锚的默认行为#

于 2014-03-21T12:39:33.757 回答
0

当有人单击活动组时，您必须阻止 Bootstrap 执行任何操作。

在 bootstrap-collapse.js 中搜索处理此问题的函数。

你看过http://twitter.github.com/bootstrap/javascript.html#collapse > Usage > Options吗？

于 2013-03-08T21:02:46.717 回答