【问题标题】:Alternating rails image_uploader.rb generated <div class="one/other"> in app's .erb view?交替rails image_uploader.rb 在应用程序的.erb 视图中生成<div class="one/other">?
【发布时间】:2015-09-02 04:34:12
【问题描述】:

我有一个图片上传器,可以将样本封面图片添加到包含行&lt;div class=”row”&gt;。图像在它们自己的标签中呈现,带有 class=”rotation”,例如 &lt;div class=”rotation”&gt;。我还需要在 “rotation”“rotation-alt” 之间交替该类,以便使用 CSS 应用交替旋转。如何在 rails .erb 视图中交替呈现每次上传时呈现的标签?

.erb 当前如下所示:

  <%= link_to "Upload New Photo", new_cover_path, class: "btn" %>

  <div class="row">
    <% @covers.each do |cover| %>

    <div class="rotation">
        <%= link_to image_tag(cover.photo.url(:thumb), :class => 'img-responsive'), image_path(cover.photo.url), :class => 'thumbnail' if cover.photo? %>
    </div>

    <% end %>

感谢您的帮助。

【问题讨论】:

    标签: jquery html css ruby-on-rails ruby


    【解决方案1】:

    使用cycle方法

    例如:

    class="<%= cycle("rotation", "rotation_alt", name: "row_class") -%>"
    

    【讨论】:

    • 谢谢,效果很好!我正要尝试使用 CSS3 nth-child 伪选择器,但你的方式要好得多。 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-15
    • 1970-01-01
    • 2023-03-12
    • 1970-01-01
    • 2017-06-30
    • 1970-01-01
    相关资源
    最近更新 更多