在Ruby on Rails中使用image_tag助手程序时如何使用多个类

Question

我该如何在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助手实现这一点？

- Shofi

Answer 1

尽管您在示例中的img不是有效的，但可以尝试使用以下图片：

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

多个类名之间用空格分隔。

- Sebastian P.

---

多个类之间用空格分隔，而不是逗号。 - Mate Solymosi

Answer 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 %>

- Mate Solymosi