Add a space in a javascript line

Question

I have this line of code:

var bgposh = "-37";


$(element).find('.toggle_box').css({'-webkit-transition': 'background-position 0.2s linear', 'background-position': '147px "+ bgposh +"px'});

but the background position does not get set. I think it is because there is no space between px and bgposh. How can I add one? I tried + + but that does not seem to work.

Thanks a lot :)

You can't mix single quotes with double quotes. Javascript supports both, but if you open a string literal with a single quote, then you also have to close with one. — Elian Ebbing
– Elian Ebbing, Commented May 29, 2011 at 23:39
why did I get a -1? was this not well asked? or am I too stupid to not deserve one? :s — cmplieger
– cmplieger, Commented May 29, 2011 at 23:54

Ibu · Accepted Answer · 2011-05-29 23:36:48Z

4

Little syntax error i think with your bgposh variable

$(element).find('.toggle_box').css(
   {'-webkit-transition': 'background-position 0.2s linear', 
    'background-position': '147px '+ bgposh +'px'
   });

answered May 29, 2011 at 23:36

Ibu

44k14 gold badges82 silver badges109 bronze badges

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

3 Comments

cmplieger Over a year ago

thank you sir, this fixes the problem :). I ddidn't know there was a difference between " and ' but thanks for pointing that out :)

BalusC Over a year ago

There is actually no difference. Your problem was just that you started a string with a single quote and attempted to end it with a double quote for some reason.

cmplieger Over a year ago

oh yeah now that you explained it i feel really stupid :p thanks.

Tadeck · Accepted Answer · 2011-05-29 23:35:13Z

2

No, it is because with this code you have set background-position to 147px "+ bgposh +"px.

You have wrong quotes. The correct version looks like this (notice different quotes):

$(element).find('.toggle_box').css({
    '-webkit-transition': 'background-position 0.2s linear',
    'background-position': '147px ' + bgposh + 'px'
});

answered May 29, 2011 at 23:35

Tadeck

138k28 gold badges155 silver badges201 bronze badges

3 Comments

cmplieger Over a year ago

let's assume that var bgposh = "-37"

Dr.Molle Over a year ago

You may assume what you want to, the double-quotes still be wrong there

Tadeck Over a year ago

@SnippetSpace Lets look at the example: jsfiddle.net/NfgPf

Collectives™ on Stack Overflow

Add a space in a javascript line

2 Answers 2

3 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related