在HAML动态改变CSS属性值文件

我Haml的文件看起来像： -在HAML动态改变CSS属性值文件

.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文件获取从铁轨服务器的图像对象，我想动态更改.card-image类的背景图像。我知道如何动态添加类或ID，但我们如何改变某个css属性？如果您能提供任何帮助，我将不胜感激。

来源

2017-01-16 python

您可以使用：

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

编辑：HAML

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

来源

2017-01-16 22:58:02 Shannon

在'Haml'文件？这看起来像Jquery代码 – python

如果它在HAML文件中，你可以使用'.card-image {style：“background-image：＃{url};”}' – Shannon

如果你可以修改你的答案。 “style”=>“background-image：url（＃{url}）;”}'，我会接受它 – python

在HAML动态改变CSS属性值文件

回答

相关问题