ruby-on-rails - 在 HAML 中为背景图像 : -> Object in Rails 插入 SASS

标签 ruby-on-rails ruby haml sass

我试图让每个列表项的背景图像依赖于它链接到的对象!不应该太难,但我不知道如何在 SASS 中做到这一点。这是我对 HAML 的尝试,因为这是我将迭代不同设施集合的地方:

app/views/facilities/index.html.haml

#facility
  - @facilities.each do |facility|
    %ul#facilities
      %li
        :sass
          background-image: url(#{image_tag "logos/#{facility.image}.jpg"})
        = link_to facility.name, facility_path(facility)

但我得到的错误如下所示:

错误

Invalid CSS after "url(": expected ")", was "<img alt="Thebi..." Arounnd line 6 对于生成的图像之一。

不可能这么难……可以吗?非常感谢任何帮助。

最佳答案

不要为此使用 sass,您将付出显着的性能损失而没有任何好处。只需使用内联 html 样式:

#facility
  - @facilities.each do |facility|
    %ul#facilities
      %li{:style => "background-image: url(#{image_path "logos/#{facility.image}.jpg"})"}
        = link_to facility.name, facility_path(facility)

关于ruby-on-rails - 在 HAML 中为背景图像 : -> Object in Rails 插入 SASS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5612610/

相关文章:

internet-explorer - Haml中的“[ !IE]”条件注释

ruby - 如何在 Emacs Haml 模式下删除多缩进?

javascript - 当我告诉输入字段不要清除文本时,它正在清除文本

ruby-on-rails - Ruby on Rails 或 JRuby 的授权库

ruby-on-rails - RSpec 测试被分页破坏(Kaminari)

ruby-on-rails - Selenium Webdriver 无法找到 Mozilla geckodriver

ruby 正则表达式 : efficient way of capturing and deleting simultaneously

ruby - 针对特定异常立即重新运行失败的 cucumber (ruby)

ruby-on-rails - 更改 faker gem 电话号码格式

java - 为什么大多数脚本语言使用较少的内存?