Variable not evaluating within jQuery CSS statement

Question

I've been trying to figure this out for a good hour and I know it'll be super basic for someone out there. I'm trying to set a background with jQuery based on a variable called $the_path.

Right now the background is getting set to "$the_path" instead of the actual value of $the_path. How can I can the statement to evaluate properly?

$('body').css({'background' : 'url($the_path)','backgroundPosition' : 'center 50px'});

Many Thanks!

if yes then you have to use this code of piece. $('body').css({'background' : "url('+ <?php echo $the_path; ?> +')",'backgroundPosition' : 'center 50px'}); — chhameed
– chhameed, Commented Oct 26, 2011 at 4:59

Michael Low · Accepted Answer · 2014-01-17 08:39:58Z

1

If you keep it in quotes, it'll be treated literally. To force it to be evaluated as a variable, break out of the quotes and join it using + instead.

$('body').css({'background' : "url('" + the_path + "')",'backgroundPosition' : 'center 50px'});

Edit: That's presuming $the_path is a Javascript variable. If it's a PHP variable, then you want this instead:

$('body').css({'background' : "url('<?=$the_path?>')",'backgroundPosition' : 'center 50px'});

edited Jan 17, 2014 at 8:39

answered Oct 26, 2011 at 4:46

Michael Low

24.5k17 gold badges85 silver badges119 bronze badges

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

4 Comments

coryetzkorn Over a year ago

Hmmm that still doesn't seem to be doing it. It's a javascript variable. Are we maybe confusing jQuery too much with all the stuff inside .css()?

Michael Low Over a year ago

Is $the_path from PHP ? It's a bit confusing what you mean as JS string variables don't typically begin with $. Have you tried both of my examples, exactly as written ? Also, try changing 'background' in the CSS to 'background-image' instead.

Greg Pettit Over a year ago

I use $ in variables for cached jQuery objects but I wouldn't use it for any other variables.

coryetzkorn Over a year ago

Your first example ended up working after I got rid of the $. I've been writing PHP all night and forgot to stop using the $. Thanks again!

Niet the Dark Absol · Accepted Answer · 2011-10-26 04:46:57Z

0

'background' : 'url('+$the_path+')' is what you need.

answered Oct 26, 2011 at 4:46

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Comments

Anatoly · Accepted Answer · 2011-10-26 04:48:28Z

0

var path = 'url(' + <? $the_path ?> + ')';
$('body').css({'background' : path, 'backgroundPosition' : 'center 50px'});

answered Oct 26, 2011 at 4:48

Anatoly

15.6k5 gold badges57 silver badges77 bronze badges

Collectives™ on Stack Overflow

Variable not evaluating within jQuery CSS statement

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related