ruby-on-rails - 使用 Twitter Bootstrap Carousel 激活第一个项目的类

Question

我正在努力让 twitter carousel 正常工作：

我想将 .active 类添加到第一个 .item div。

  .carousel-inner
    - @photos.each do |photo, index|
      .item{ class: "#{ "active" if index == 0 }"}
        = image_tag(photo.image_url, class: "carousel-photo")

这不起作用，因为它不会将 .active 类添加到循环的第一个元素。如何仅将 .active 类添加到循环的第一个元素？

Answer 1

得到了答案：

这里需要使用.each_with_index方法：

  .carousel-inner
    - @photos.each_with_index do |photo, index|
      .item{ class: "#{ "active" if index == 0 }"}
        = image_tag(photo.image_url, class: "carousel-photo")

Answer 2

我确实介意类似，但我这样做是这样的：

 <% @user.user_images.each_with_index do |info, index| %>
    <div class="item
    <% if index == 0 %>
       active
    <% end %>

    ">