动态更改 HAML 文件中的 css 属性值答案

【问题标题】：Dynamically changing css attribute value in HAML file动态更改 HAML 文件中的 css 属性值
【发布时间】：2017-01-16 22:54:23
【问题描述】：

我的 Haml 文件看起来像：-

.playing-card-container
  .card-image

.card-image 的 CSS 类是

  .card-image {
    width: 68px;
    height: 68px;
    margin-bottom: 1em;
    background-image: image-url('some-url');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
  }

haml 文件获得来自 rails 服务器的图像对象，我想动态更改 .card-image 类的背景图像。我知道如何动态添加类或 ID，但我们如何更改某个 css 属性？如果您能提供任何帮助，我将不胜感激。

【问题讨论】：

标签： css ruby-on-rails haml

【解决方案1】：

你可以使用：

$(".card-image").css("background-image", url)

编辑：在 HAML 中

.card-image{"style"=>"background-image:url(#{url});"},

【讨论】：

如果它在 HAML 文件中，您可以使用 .card-image{style:"background-image: #{url} ;"}
如果你可以修改.card-image{"style"=>"background-image:url(#{url});"}的答案，我会接受的