Javascript Twitter引导选项卡不工作的表达式引擎频道条目
我在使用{exp:channel:entries}对实现Twitter引导的选项卡时遇到了一个问题。这与您必须将第一个活动选项卡指定为通过对其应用.active类来引导的事实有关,这样才能知道加载时显示的是哪个选项卡。但我的代码如下Javascript Twitter引导选项卡不工作的表达式引擎频道条目,javascript,twitter-bootstrap,expressionengine,Javascript,Twitter Bootstrap,Expressionengine,我在使用{exp:channel:entries}对实现Twitter引导的选项卡时遇到了一个问题。这与您必须将第一个活动选项卡指定为通过对其应用.active类来引导的事实有关,这样才能知道加载时显示的是哪个选项卡。但我的代码如下 <div class="tabbable"> <ul class="nav navtabs thumbnails"> {exp:channel:entries channel="member_prof
<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}活动{/if}答案未达到预期结果
非常感谢您的帮助。嗯,{switch}和计数条件检查都应该有效。我自己也会去的
... {if count == "1"} class="active"{/if} ...
或:
当你说没有达到预期的结果时,知道它在标记中产生了什么会有帮助。注意上面第一行中应该是double equals==而不是single。这当然解决了用.active显示第一个选项卡的问题。
... class="tab-pane{if count == "1"} active{/if}" ...