1

我有许多嵌套在选项卡中的动态生成的引导手风琴。这都是引导程序。我有一个默认打开的手风琴面板，但是一旦我单击它关闭的任何地方，就不会打开其他面板。

我正在使用示例中的代码，但填充了动态元素。我在这里检查了所有其他可能性 - 确保我的数据目标和/或 href 与手风琴体的 id 匹配，这一切都很好。有人建议使用 data-target 而不是 href，但这没有帮助。每个手风琴都有一个唯一的名称，并且对 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。

我的修复如下，我在为三个手风琴中的每一个生成的 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 回答