1

我在使用 {exp:channel:entries} 对实现 Twitter Bootstrap 的选项卡时遇到问题。这与您必须将第一个活动选项卡指定为通过对其应用 .active 类以便引导程序知道加载时显示哪个选项卡这一事实有关。但我的代码如下

       <div class="tabbable">
      <ul class="nav navtabs thumbnails">
        {exp:channel:entries channel="member_profiles" limit="4"}
        <li class="active">
          <a class="thumbnail" href="#{member_first_name}-{member_last_name}-tab" data-toggle="tab">
            <img src="{site_url}-/img/240x232.gif" alt="">
          </a>
          <div class="caption">
            <h4>{member_first_name} {member_last_name}</h4>
          </div>
        </li>
        {/exp:channel:entries}
      </ul>
    </div>
  </div>

    <div class="tab-content">
      {exp:channel:entries channel="member_profiles" limit="4" dynamic="no"}
          <div id="{member_first_name}-{member_last_name}-tab" class="tab-pane active">
            <div class="span6">
              <img class="thumbnail" src="{site_url}-/img/250x321.gif" alt="">
            </div>
      {/exp:channel:entries}
    </div>

我似乎无法理解的问题区域是class="tab-pane active row people-profile">从我可以看到页面上出现的所有选项卡，因为所有频道条目都.active应用了类。我试过添加{switch="active|||"}无济于事。此外，这里{if count == 1}active{/if}的答案也没有达到预期的结果。

非常感谢帮助。

4

1 回答 1

0

好吧，这两个{switch}和条件检查count都应该起作用。我会自己去有条件的。

... {if count == "1"} class="active"{/if} ...

或者：

... class="tab-pane{if count == "1"} active{/if}" ...

当您说“没有达到预期的结果”时，了解它在您的标记中产生了什么会有所帮助。

于 2012-10-14T18:53:16.100 回答