3

Twitterのカルーセルを適切に機能させるのに苦労しています:

最初の .item div に .active クラスを追加したいと思います。

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

ループの最初の要素に .active クラスを追加しないため、これは機能しません。.active クラスをループの最初の要素にのみ追加するにはどうすればよいですか?

4

2 に答える 2

7

答えを得ました:

ここでは.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")
于 2013-08-11T09:51:53.403 に答える
4

私は同様に気にしましたが、代わりに次のようにしました:

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

    ">
于 2013-11-20T17:43:59.747 に答える