Question

我正在努力让推特轮播正常工作：

我想将.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 %>

    ">

使用Twitter Bootstrap Carousel激活第一项的课程

2 个答案: