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 — Vince
– Vince, Commented Jan 28, 2016 at 21:58

dexhering · Accepted Answer · 2016-01-28 21:03:15Z

2

The image needs to be within url ()

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

answered Jan 28, 2016 at 21:03

dexhering

4224 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vasilis Tsirimokos · Accepted Answer · 2016-01-28 20:59:32Z

1

It needs be set like:

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

answered Jan 28, 2016 at 20:59

2032 silver badges10 bronze badges