Question

我在使用{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|||"}无济于事。此外here的{if count == 1}active{/if}答案无法达到预期效果。

非常感谢。

Answer 1

嗯，{switch}和count上的条件检查都应该有效。我自己去了条件。

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

或者：

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

如果您说“未达到预期效果”，则有助于了解在您的标记中产生的内容。

带有Twitter Bootstrap选项卡的Expression Engine通道条目不起作用

1 个答案: