Yup. See
http://www.learningjquery.com/2008/10/1-awesome-way-to-avoid-the-not-so-excellent-flash-of-amazing-unstyled-content
- Richard
On Wed, Apr 1, 2009 at 1:09 PM, tonywhite <tonywh...@gmail.com> wrote:
>
> I have lots of scenarios on a pretty content-heavy and js-dependent
> site. I'm using jquery, and I'm trying to think of an effect way to
> serve unique styles to non-js users.
>
> Ideally, I would use javascript to link to a new external sheet. My
> development environment is not allowing a creation of a new sheet to
> maintain, so I'm going to have CSS rules specific for JS disabled vs.
> JS enabled users.
>
> I was curious about the approach below, and wondered if putting this
> script block immediately following the body tag would help minimize
> any flicker for js-enabled users. Would the actions here happen
> faster than if I put this same line within a $(document).ready(function
> () block (which already has LOTS of lines of code.
>
> Here's my proposed HTML with the jquery script tag:
> <body class="jsDisabled">
> <script type="text/javascript">$('body').removeClass
> ('jsDisabled').addClass('jsEnabled');</script>
>
>
> then in my css I have rules for
> .jsDisabled .submit { display:none; }
> .jsEnabled .submit { color: yellow; }
>
> That kind of thing.
>
>
