動的に変化するCSSの属性値は

Question

マイHAMLファイルをファイルのようになります - .card-imageためのCSSクラスはhamlファイルがレールサーバから画像オブジェクトを取得し

.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%; 
    } 

ある

.playing-card-container 
    .card-image 

と、.card-imageクラスの背景イメージを動的に変更したいとします。私は動的にクラスやIDを追加する方法を知っていますが、どうすれば特定のものを変更できますかCSS属性？何か助けてもらえれば幸いです。

Answer 1

あなたは使用することができます。

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

編集：HAML

で

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