Jquery 使用datarel标记，使用rubyonrails链接到dinamically进程中的div

我想使用教程中的以下方法制作一个Facybox：

问题是“datarel”标签在日常环境中似乎不起作用。这是我的密码：

“_img”）%%>
“_img”）%%>
Soh Tanaka est traduit sur developpez.com

您不能重复使用HTML id，因此必须确保每个弹出窗口都有唯一的id。请尝试使用索引并将其添加到弹出窗口的id中：

<div class="row prod">
  <% @type1.each_with_index do |product, index| %>
    <div class="product-tile">
      <div class="entry col-xs-2 col-xs-offset-0 col-sm-4 col-sm-offset-0 col-md-4 col-md-offset-0 col col-lg-4 col-lg-offset-0 col">
        <h3><%= product.title %></h3>
        <div class="product_img img-responsive">
          <%= image_tag(product.image_url, :class => 'the_img') %>
          <a href="#" data-width="1000" data-rel="popup<%= index %>" class="poplight discover">Discover</a>
           <h3><%=product.title%></h3>
            <div id="popup<%= index %>" class="popup_block">
               <h3><%=product.title%></h3>
               <%= image_tag(product.image_url, :class => 'the_img') %>
                <p>Soh Tanaka est traduit sur developpez.com.</p>
            </div>
        </div>
        <div class="product_description">
          <%= sanitize(product.description)%>
          <div class="price_line">
            <span class="price"><%=number_to_currency(product.price)%></span>
          </div>
        </div>
      </div>
    </div>
  <%end%>
</div>

“_img”）%%>
“_img”）%%>
Soh Tanaka est traduit sur developpez.com

为了帮助我们了解正在发生的事情，您还需要向我们展示您在控制器中设置的

@type1

内容。我不明白为什么它很重要，但如果它能帮助您，我对它进行了编辑。

@type1

中包含了多少产品？如果它只是一个，那么它是不是碰巧显示了它的

image\u url

和

title

？ie第一个？我的产品有两种类型：1和2，用于两条产品线。当我在视图中显示我的产品时，效果很好，它们按类型进行了很好的分类。问题是当我试图显示与我的产品链接的信息时，特别是在div中，与“data rel”标记链接。看来我的问题真的来自这个“数据相关”的标签我明白你的意思了。对不起，我误解了。我将修改我的答案。另外，作为奖励，您可以使用链接到：

谢谢，它工作得很好！但我并不真正理解它是如何工作的，所以我不知道如何解决发生的问题：当我在每个循环中单击时，我的type2产品显示我的type1产品，可能会在id中添加一些其他信息，如“popup\u type1\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu