jQuery-使用变量更改背景图像？

Question

I'm trying to add a CSS background image with jQuery but can't seem to figure out how. I THINK I'm along the right lines but I'm not sure...

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

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

Here's a fiddle of it not working: http://jsfiddle.net/qLqvtkp3/

Any help would be great!!

Answer 1

You need to remove the ; in the string. it make the rule invalid and jQuery doesn't add invalid rule in the style attribute.

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

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

Answer 2

This will do:

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

Fiddle

Answer 3

用background background-image替换background

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

Answer 4

Problems in your code :-

1)-You have your strings in the wrong way.

2)-You used .You should use .

3)-You have written ; in your jQuery css code ( "url("+bgImg+");") )

Try this :-

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

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