木材（樹枝），環父

我使用木材（樹枝）與Wordpress和ACF。木材（樹枝），環父

我想創建這樣的結構：

<div class="section" id="section1"> 
     <div class="slide slide0"> 
       <div class="image-container" data-type="home" data-currentslide="1" data-maxslides="3" data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)"> 
        <img src="img/myimage.jpg"> 
       </div> 
     </div> 
     <div class="slide slide1"> 
       <div class="image-container" data-type="project" data-currentslide="2" data-maxslides="3" data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)"> 
        <img src="img/myimage.jpg"> 
       </div> 
     </div> 
     <div class="slide slide2"> 
       <div class="image-container" data-type="project" data-currentslide="3" data-maxslides="3" data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)"> 
        <img src="img/myimage.jpg"> 
       </div> 
     </div> 
    </div> 
    <div class="section" id="section2"> 
     <div class="slide slide0"> 
       <div class="image-container" data-type="project" data-currentslide="1" data-maxslides="3" data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)"> 
        <img src="img/myimage.jpg"> 
       </div> 
     </div> 
     <div class="slide slide1"> 
       <div class="image-container" data-type="project" data-currentslide="2" data-maxslides="3" data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)"> 
        <img src="img/myimage.jpg"> 
       </div> 
     </div> 
     <div class="slide slide2"> 
       <div class="image-container" data-type="project" data-currentslide="3" data-maxslides="3" data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)"> 
        <img src="img/myimage.jpg"> 
       </div> 
     </div> 
    </div>

但data-type屬性我需要添加回家第一部分和項目到另一個。我嘗試使用父循環索引，但這是行不通的。

data-type="{% if loop.parent.loop.index0 %}home{% else %}project{% endif %}"

在上下文：

{% for section in sections %} 
      <div class="section" id="section{{ loop.index }}"> 
       {% for slide in section.get_field('project_imgs') %} 
        <div class="slide slide{{ loop.index0 }}"> 
         <div class="image-container" data-type="{% if loop.parent.loop.index0 %}home{% else %}project{% endif %}" data-currentslide="{{ loop.index }}" data-maxslides="{{ section.get_field('project_imgs')|length }}" data-title="{{ section.project_title }}" data-project="{{ section.project_legend }}"> 
          <img src="{{site.theme.link}}/assets/img/samples/mac-web.jpg"> 
         </div> 
        </div> 
       {% endfor %} 
      </div> 
     {% endfor %}

來源

2017-06-22 Xroad

難道喲你看我的回答@Xroad？ –

你需要做一個比較，以「0」加也做了第二循環索引的and：

data-type="{% if loop.parent.loop.index0 == 0 and loop.index0 == 0 %}home{% else %}project{% endif %}"

下面是一個twigfiddle表明你很關心工作的一部分： https://twigfiddle.com/n9ucvn

來源

2017-06-23 05:06:30

木材（樹枝），環父

回答

相關問題