2017-12-15 21 views
3

.css jQuery関数にカスタム文字列を渡そうとしています。だから、代わりにこれを行う:jQuery .css()関数にカスタム文字列を追加する方法

var image = "'url(\"img1.png\") no-reapt'" 
$('#image1').css('background', image); 

をしかし、それは働いていない:

$('#image1').css('background', 'url("img1.png") no-repeat'); 

私はこれをしたいです。私がそれを好きにした理由は、6つの要素があり、それぞれ異なるイメージの6つの可能性があるので、それらを動的に追加したいからです。だから、それは実際に私の変数、より次のようになります。

var image = "'url(\"" + this.image.imgs[value[i]] + "\") no-repeat'" 
$('#image1').css('background', image); 

そして、それはループ

答えて

4

''シンボルを削除します。あなたはそれらを必要としません。あなたの文字列では、CSSスタイルです - ''シンボルは無効で、スタイルを適用しません。

var image = "url(\"img1.png\") no-repeat"; 
$('#image1').css('background', image); 
3

の内側になり、あなたの単一引用符を削除してください。そのようです。

var image = "url(\"img1.png\") no-repeat"; 
$('#image1').css('background', image); 
0

あなたは、単一引用符を削除する必要があり、あなたが複数のCSSプロパティを追加したい場合、あなたは次のように使用する必要があります:

var image = "url(\"" + this.image.imgs[value[i]] + "\") no-repeat"; 
$('#image1').css({'background': image,'border': '1px solid'}); 
0
var image = "url('img1.png') no-repeat"; 
$('#image1').css('background', image); 

あなたはこれを試すことができますが、セミコロンを逃しましたそして間違って配置された' & "

関連する問題