使用Twitter Bootstrap Carousel使第一个项目的类处于活动状态

Question

我在努力让Twitter旋转木马正常运行:

我想将“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 类添加到循环的第一个元素？

- Barna Kovacs

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")

- Barna Kovacs

Answer 2

我做的类似，但是我是这样做的：

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

    ">

- Lesly Revenge