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+"')"});