트위터가있는 Expression Engine 채널 항목 부트 스트랩 탭이 작동하지 않습니다.

Question

트위터 부트 스트랩의 탭을 {exp : channel : entries} 쌍으로 구현하는 데 문제가 있습니다. 로드 할 때 어떤 탭이 표시되는지 알기 위해 부트 스트랩을 위해 .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> 

내가 모든 채널 항목에 적용되는 .active 클래스를 가지고 있기 때문에 모든 탭 페이지가 표시 볼 수있는에서 내 머리 주위 class="tab-pane active row people-profile">입니다 얻이 수없는 것 문제 영역을 다음과 같이하지만 내 코드는 그들. 나는 쓸데없이 {switch="active|||"}을 추가하려고 시도했다. 또한 {if count == 1}active{/if} 대답은 here에서 원하는 결과를 얻지 못합니다.

도움 주시면 감사하겠습니다.

Answer 1

글쎄, {switch}과 count에 대한 조건부 검사가 모두 작동해야합니다. 나는 조건부 자신과 함께 갈 것입니다.

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

또는 :

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

당신이 말하는 그것이 이 마크 업에 농산물을 무엇을 알고 도움이 될 것이다 "원하는 결과를 얻을 수 없습니다."