jQuery - 使用變量更改背景圖片？

Question

我想用jQuery添加CSS背景圖片，但似乎無法弄清楚如何。我想我沿着正確的線路是，但我不知道...

var bgImg = "http://www.domain.com/my-image.jpg"; 

$('#myBanner').css("background", "url("+bgImg+");"); 

下面是它不工作小提琴： http://jsfiddle.net/qLqvtkp3/

任何幫助將是巨大的！

Answer 1

您需要刪除;中的字符串中。它使規則無效，並且jQuery不會在style屬性中添加無效規則。

$('#myBanner').css("background", "url("+bgImg+")"); 

http://jsfiddle.net/qLqvtkp3/17/

Answer 2

這樣做：

$('#myBanner').css({ 
       "background-image": "url('" + bgImg + "')" 
}); 

Fiddle

Answer 3

更換background與background-image

$('#myBanner').css("background-image","url('"+bgImg+"')"); 

Answer 4

代碼中的問題： -

1） - 您有連接您的字符串以錯誤的方式。

2） - 您使用的是背景。您應該使用background-image。

3） - 你已經在你的jQuery CSS代碼編寫;（"url("+bgImg+");")）

試試這個： -

var bgImg = "http://www.domain.com/my-image.jpg"; 

$('#myBanner').css({"background-image":"url('"+bgImg+"')"});