代码之家 › 专栏 › 技术社区 › ifusion

如何在循环每个新类别时创建一个唯一的名称?

silverstripe

1

ifusion · 技术社区 · 10 年前

我需要一种方法,让每个新类别在 数据属性 .

下面是我的代码的运行和显示方式:

例如

第一类

图片1 |图片2 |图片3

第二类

图片1 |图片2 |图片3 |图片4

第三类

图片1 |图片2

我需要做的是,当它在每个新类别上开始循环时 <a> 在 ServicePageSVTSliders 循环需要添加 1 (或类似的东西) data-gall="myGallery"> 。这样,它将为该类别创建一个唯一的组。然后,当我的灯箱在点击链接时弹出时,它只会循环浏览该类别的特定图像/iframe,而不是循环浏览所有内容。

例如

第一类

data gall=“myGallery”> *1类为3
data-gall="myGallery1"> *第二类为4
data-gall="myGallery2"> *第三类为2

我的代码:

<% loop SVTCategorys %>
    <div class="svt-service-row">
        <div>
           <h2 class="svt-service-heading">$CategoryName</h2>
        </div>
        <div>
        <% loop ServicePageSVTSliders %>
          <a class="venobox_custom" 
         data-type="iframe" href="$SVTSliderLink" data-gall="myGallery">
           ... (Image sits in here)
         </a>
       <% end_loop %>
<% end_loop %>

我正在使用的灯箱: http://lab.veno.it/venobox/

1 回复 | 直到 10 年前

1

2

Mayko 10 年前

您可以使用$Pos返回当前循环的位置。如果您需要家长的位置,可以使用$Up.Pos

<% loop SVTCategorys %>
<div class="svt-service-row">
    <div>
       <h2 class="svt-service-heading">$CategoryName</h2>
    </div>
    <div>
    <% loop ServicePageSVTSliders %>
      <a class="venobox_custom" 
     data-type="iframe" href="$SVTSliderLink" data-gall="myGallery$Up.Pos">
       ... (Image sits in here)
     </a>
   <% end_loop %>
<% end_loop %>