在rails上的ruby中使用image_tag helper中的多个类

时间:2017-07-09 23:02:55

标签: ruby-on-rails ruby-on-rails-5.1

如何在Rails 5应用程序中将多个类传递给image_tag助手?我想转换此HTML <img>代码:

<img class="etalage_thumb_image" src="images/m1.jpg" class="img-responsive" />

<%= image_tag @post.picture.url if @post.picture? %>

使用Rails image_tag帮助程序。我该如何做到这一点?

2 个答案:

答案 0 :(得分:2)

虽然示例中的img不是有效的,但您可以尝试:

<% if @post.picture %> # To check if @post.picture isn't nil
  <%= image_tag @post.picture.url, class: 'etalage_thumb_image img-responsive' %>
<% end %>

由空格分隔的多个类。

答案 1 :(得分:2)

您的HTML首先无效。它应该是:

<img class="etalage_thumb_image img-responsive" src="images/m1.jpg" />

...否则第二个class属性会覆盖第一个属性。

可能的解决方案:

<% if @post.picture %>
  <%= image_tag @post.picture.url, class: "etalage_thumb_image img-responsive" %>
<% end %>