The problem is that JavaScript keywords/variables cannot contain a '-' in them.

You have two options:
.css({color: "blue", fontSize: "1.2em", textAlign: "left"});

or:
.css({color: "blue", "font-size": "1.2em", "text-align": "left"});

--John

On 1/15/07, Bruce MacKay <[EMAIL PROTECTED]> wrote:
>
>  Hello folks,
>
>  I'm having difficulty understanding how .css is supposed to work.
>
>  The following line of code correctly styles the font color of the json data
> within #tree as blue:
>
> $("#tree").highlightFade({color:'red',speed:2000,iterator:'sinusoidal'}).html(field.msg).css({color:
> "blue"});
>
>  However, attempting to also style the font size or text alignment throws an
> error.
>
> $("#tree").highlightFade({color:'red',speed:2000,iterator:'sinusoidal'}).html(field.msg).css({color:
> "blue", font-size: "1.2em", text-align: "left"});
>
>  Yet, the structure I'm using is as per the 1.1 API (as far as I can see),
> so obviously there is something else I'm missing here.  Can anyone help
> please?
>
>  Thanks,
>
>  Bruce
> _______________________________________________
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>
>

_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Reply via email to