如何将内联 css 添加到 rails link_to helper答案

【问题标题】：how to add inline css to rails link_to helper如何将内联 css 添加到 rails link_to helper
【发布时间】：2016-07-28 10:04:14
【问题描述】：

我在 Rails 5 上，我的类别有图像。我想将这些图像用作背景图像，但是当我设置样式时，网址不会改变

<div class="grid-category">
    <% @servicescategories.each do |category| %>

    <%= link_to servicecategories_path(slug: category.slug ), :style=>'background-image: asset-data-url("category.category_image");',  class: "category-item" do %>



        <h3> <%= category.name %></h3>


        <% end %>
    <% end %>
  </div>

我在这里做错了什么

【问题讨论】：

标签： html css ruby-on-rails ruby-on-rails-5

【解决方案1】：

你需要插入category.category_image的值

<%= link_to servicecategories_path(slug: category.slug ),  
            class: "category-item" do %>

  <div style="background-image: url(<%= asset_path('category.category_image') %>)">
    <h3> <%= category.name %></h3>
  </div> 

<% end %>

【讨论】：

它像<a style="background-image: url(/category.category_image)" class="category-item" href="/services/facial">一样返回它
@geniuskidkanyi 你期望什么输出
我希望输出图片的网址以用作背景图片
好吧，我试过该属性是应用在那里，但图像不来
返回码是`"background-image: url(/category.category_image)" `不会把catefory / -image变成url

【解决方案2】：

在 style 属性中使用 rails 插值的语法似乎不正确，试试这个，

 <%= link_to servicecategories_path(slug: category.slug ),
 :style=>"background-image: <%= asset-data-url(category.category_image) %>",
   class: "category-item" do %>

【讨论】：

它不起作用。它像这样返回它` `
更改了答案中的代码，请检查<%= link_to servicecategories_path(slug: category.slug ), :style=>"background-image: <%= asset-data-url(category.category_image) %>", class: "category-item" do %>
现在返回`未知的正则表达式选项-dv`

【解决方案3】：

这行得通

<%= link_to servicecategories_path(slug: category.slug ),  
            class: "category-item" do %>

  <div style="background-image: <%= asset_path('category.category_image') %>">
    <h3> <%= category.name %></h3>
  </div> 

<% end %>

【讨论】：