Question

我的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属性？如果您能提供任何帮助，我将不胜感激。

Answer 1

您可以使用：

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

编辑：在HAML中

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

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

1 个答案: