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手風琴元素不會打開

回答

相關問題