Bootstrap手风琴元素不会打开

我有一些嵌套在选项卡中的动态生成的bootstrap手风琴。这是所有的引导。我有一个手风琴面板默认打开，但是一旦我点击它关闭的任何地方，没有其他人会打开。Bootstrap手风琴元素不会打开

我在代码中使用了代码，但是填入了dynamica元素。我已经在这里检查了所有其他的可能性 - 确保我的数据目标和/或href匹配手风琴身体的编号，这一切都很好。有人建议使用数据目标而不是href，但这没有帮助。每个手风琴都有一个独特的名字，而对数据父母的调用是正确的。下面是产生什么，我复制到的jsfiddle源代码：

 <div class="tab-pane active" id="institutional"> 
     <div class="accordion" id="accordion2"> 
     {foreach name=loop from=$institutional item=film} 
     <div class="accordion-group"> 
      <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" data-target="#{$film->url_key|escape}" href="#{$film->url_key|escape}"> 
       {$film->title()|escape} - 
       {$film->title_suffix()|escape} 
      </a> 
      </div><!-- /accordion-heading --> 
      <div id="{$film->url_key|escape}" class="accordion-body collapse {if $smarty.foreach.loop.first} in{/if}"> 
      <div class="accordion-inner">

http://jsfiddle.net/dylanglockler/7qy8g/1/

---------- UPDATE -------想通了但不能回答我自己的问题，因为我没有足够的经验点 - 没有意识到这是一场比赛。

我想到了..手风琴内容的id和指向它的相关数据目标和href基于独特的电影片名，但在每个手风琴中重复出现，尽管在单独的选项卡上。当然这是为非独特的ID做的。

我的解决方法是以下，我所生成的ID后加入_n（即，_1）对于每三个手风琴：

 <div class="accordion" id="accordion1"> 
     {foreach name=loop from=$home item=film} 
     <div class="accordion-group"> 
      <div class="accordion-heading"> 
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" data-target="#{$film->url_key|escape}_1" href="#{$film->url_key|escape}_1">{$film->title()|escape} - {$film->title_suffix()|escape}</a> 
      </div><!-- /accordion-heading --> 
      <div id="{$film->url_key|escape}_1" class="accordion-body collapse {if $smarty.foreach.loop.first} in{/if}">

来源

2013-05-16 Dylan Glockler

这个问题似乎是在标签内容中有手风琴。

当它从tab-pane删除它正常工作：http://jsfiddle.net/skelly/7qy8g/2/

来源

2013-05-16 02:51:35 ZimSystem

我是用摆弄摆弄，我得到了它拉动的含量超出了手风琴的工作。我不小心将小提琴更新为工作版本，因此我从网站复制/粘贴内容，现在第一个选项卡上的手风琴起作用，但不是其他两个！ –

它甚至可以在网站上运行 - 如果您在执行其他任何操作之前单击第一个选项卡 - 如果您单击了其他任何手风琴，则第一个选项卡上的手柄将停止正常工作。 http://dev.tellingpictures.com/sales/ –

Bootstrap手风琴元素不会打开

回答

相关问题