在一个模态中调用bootstrap手风琴“崩溃”会阻止我再次打开它

时间:2013-03-22 21:30:04

标签: jquery twitter-bootstrap

我正在使用bootstrap / jquery。我有一个带有表单的模态窗口,表单包含一个手风琴组。每次打开模态时,我想要折叠手风琴组中的所有内容。我添加了以下代码,当我单击按钮打开模式时执行:

$('.accordion-body').each(function(){
    if ($(this).hasClass('in')) {
        $(this).collapse('toggle');
    }
});

它可以折叠手风琴组中的所有内容,但是当点击时,所有具有折叠切换的手风琴都不会展开。我得到类似的行为替换上面的代码:

$('.accordion-body').collapse();

在这种情况下,由于在所有手风琴琴体上都会调用崩溃,因此不会有任何扩展。

提前感谢任何建议。

1 个答案:

答案 0 :(得分:2)

完全不理解你的问题,但我已经创造了一个例子,我是如何理解它的。

Demo Fiddle with modal

同时使用:

data-toggle="collapse"

$('#myModal').on('shown', function () {
  $('.accordion-body').each(function(){
        $(this).collapse();
});
})