Jquery.css not applying Background-Image

Question

I have some Javascript which fires after an Ajax post.

When the javascript fires I want the <section class="section-1653"> to be given a different background image to the one specified in the CSS file.

I am running the following code and I can see the Font Size being set, but the background image is not.

Why is the background image property not being set?

$("section.section-1653").css({"background-image": backgroundImageUrl,font-size": "200%"});

Possible duplicate of [Changing background image using jquery](http://stackoverflow.com/questions/4578714/changing-background-image-using-jquery) — Mr. Meeseeks, Jan 28 '16 at 21:58

score 3 · Accepted Answer · answered Jan 28 '16 at 21:03

3

The image needs to be within url ()

$("section.section-1653").css({"background-image": "url("+backgroundImageUrl+")", "font-size": "200%"});

answered Jan 28 '16 at 21:03

dexhering

score 2 · Answer 2 · answered Jan 28 '16 at 20:59

2

It needs be set like:

$("section.section-1653").css({"background-image", "url('+ imageUrl +'), "font-size": "200%"});

answered Jan 28 '16 at 20:59

2 Answers2