Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 1 down vote favorite

So, I'm defining some CSS values with jQuery. I'm defining multiple values like so:

$('#elementId').css({
    height  : '60px',
    width   : '268px',
    display : 'block',
    float   : 'left'
});

Note I'm also adjusting the 'float'. Although it does work, 'float' (obviously) is a datatype, and my editor identifies it a such. I was wondering if there's a more proper way to change the float CSS value, rather than using the reserved float datatype. I suppose this is kind of an OCD issue, but I like to do things right.

Thanks.

share|improve this question
float is reserved in JavaScript. – elclanrs Aug 7 '12 at 3:15

1 Answer

up vote 3 down vote accepted

Try wrapping it in inverted commas:

$('#elementId').css({
    'height': '60px',
    'width': '268px',
    'display': 'block',
    'float': 'left',
)};

See this example

share|improve this answer
2  
Ha, it actually occurred to me just after I posted this question. Free answer for you! – g2avityhitz Aug 7 '12 at 3:09
2  
@g2avityhitz Why not using a class? – undefined Aug 7 '12 at 3:11
My client uses a site that provides 4 generic templates. I'm hacking up the existing DOM with an external script. – g2avityhitz Aug 7 '12 at 3:19

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.