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