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

Question

我的 Haml 文件看起来像：-

.playing-card-container
  .card-image

.card-image 的 CSS class 是

  .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 的背景图像class。我知道如何动态添加 classes 或 id，但我们如何更改某个 css 属性 ？如果您能提供任何帮助，我将不胜感激。

Answer 1

您可以使用：

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

编辑：在 HAML 中

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

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

Dynamically changing css attribute value in HAML file

css

ruby-on-rails

haml