기관차 CMS를 액체 템플릿 로직 문제

Question

:

나는 carousel_images의 모델, has_many "태그"가. 조건이 충족되는 회전식 캐 러셀에서만 이미지를 표시하고 싶습니다. 여러 가지 방법을 시도해 봤지만 가장 가까운 코드는 아래 코드와 같습니다. 그러나 태그 당 1 개가 아닌 각 태그의 이미지를 보여줍니다.

<div class="span12"> 
    <div id ="myCarousel" class="carousel slide"> 
     <div class="carousel-inner"> 
      {% for caro in contents.caro_images %} 
       {% assign first_loop = forloop.index0 %}     
       {% for tag in caro.tags %} 
        {% if tag.tag_name|downcase contains page.slug %} 
         <div class="{% if first_loop%}active {% endif %}item"> 
          <a href="{{ caro.url}}"> 
           <img src="{{ caro.image.url }}" width="720" height="316" alt=""> 
          </a> 
         </div> 
        {% endif %} 
       {% endfor %}   
      {% endfor %} 
      <a style="display:none;" class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> 
      <a style="display:none;" class="right carousel-control" href="#myCarousel" data-slide="next">›</a> 
     </div> 
    </div> 
</div> 

나는 그것이 실제 이미지가 루프 확인 태그 내부 내부에 표시되는과 관련이있다 실현,하지만 난 정말 그 루프의 외부 검사를 수행하는 방법을 알고 한 번만 표시로 이미지를 얻을니까.

"활성"클래스를 2 차 추가 루프 내에 중첩 된 이후 올바르게 설정하는 방법도 100 % 확신 할 수 없습니다.

미리 감사드립니다.

<div class="span12"> 
    <div id ="myCarousel" class="carousel slide"> 
    <div class="carousel-inner"> 
     {% for caro in contents.caro_images %} 
     {% assign first_loop = forloop.index0 %} 
     {% for tag in caro.tags %} 
      {% if tag.tag_name == page.slug %} 
      <div class="{% if first_loop == 0 %}active {% endif %} item"> 
       <a href="{{ caro.url}}"> 
       <img src="{{ caro.image.url }}" width="720" height="316" alt=""> 
       </a> 
      </div> 
      {% endif %} 
     {% endfor %} 
     {% endfor %} 
     <a style="display:none;" class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> 
     <a style="display:none;" class="right carousel-control" href="#myCarousel" data-slide="next">›</a> 
    </div> 
    </div> 
</div> 

내가 끝없는 응용 프로그램 다시 시작도 가지고 가지 작업에 기여 같아요 :

편집 ---- 이

는 작업 코드입니다.

Answer 1

많은 시행 착오를 거쳐 구조가 약간 변경되었지만 결국 작동하게되었습니다. 수정 된 코드는 누군가 다른 사람이이 사실을 알기 위해 편집에 사용됩니다.

Answer 2

나는 이것이 자바 스크립트로 클라이언트 측 처리가 더 잘 될 것이라고 생각한다. 아마도 이들 중 일부를보실 수 있습니다 : 45+ carousel plugins.