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
> [email protected]
> http://jquery.com/discuss/
>
>
>
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/