1

タブにネストされた、動的に生成されたブートストラップアコーディオンが多数あります。それはすべてブートストラップです。デフォルトで開いているアコーディオンパネルが1つありますが、どこかをクリックすると閉じてしまい、他のパネルは開きません。

私は例からコードをそのまま使用していますが、ダイナミカ要素を埋めています。私はここで他のすべての可能性をチェックしました.data-targetやhrefがアコーディオン本体のIDと一致していることを確認してください. 誰かが href の代わりに data-target を使用することを提案しましたが、それは役に立ちませんでした。各アコーディオンには一意の名前があり、data-parent への呼び出しは正しいです。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/

----------更新 ------- 理解できましたが、「十分な経験値がない」ため、自分の質問に答えることができません - これがゲームであることに気づきませんでした。

私はそれを理解しました..私のアコーディオンコンテンツのIDと、それを指す関連するデータターゲットとhrefは、一意の映画のタイトルに基づいていましたが、別々のタブではありますが、各アコーディオン内で繰り返されました。もちろん、これは一意でない ID に対応します。

私の修正は以下のとおりです。3 つのアコーディオンのそれぞれに対して生成された 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}">
4

1 に答える 1

0

問題は、タブのコンテンツ内にアコーディオンがあるようです。

から削除するtab-paneと正常に動作します: http://jsfiddle.net/skelly/7qy8g/2/

于 2013-05-16T02:51:35.780 に答える