*http://tinyurl.com/8rwmkr*
On Sat, Jan 17, 2009 at 8:13 PM, MorningZ <morni...@gmail.com> wrote:
>
> Why not do it with CSS? where css class "tn-loading" has "display:
> none" declared
>
> <div class="tn-hide tn-loading">
> Content you are hiding until document "ready"
> </div>
>
> then
>
> $(document).ready(function() {
> //Do some stuff here
>
> //Done doing stuff, show the content
> $('tn-hide').removeClass('tn-loading);
> });
>
>
> On Jan 16, 11:53 pm, "Christine Masters" <cmast...@townnews.com>
> wrote:
> > Hi everyone!
> >
> > I'm a jQuery newbie, so I apologize if this is an easy question!
> >
> > I'm building a template for newspaper sites, and by nature of having many
> > ads and modules and so forth, the content loads before the jQuery that
> > styles it, leading to a flash of unstyled content.
> >
> > So, on several of my modules that use a lot of jQuery, I'd like to hide
> them
> > until they are loaded.
> >
> > Right now, I'm trying to do this:
> >
> > $('tn-hide').css('display', 'none').addClass('tn-loading');
> >
> > $(document).ready(function() {
> > $('tn-hide').css('display', 'block').removeClass('tn-loading);
> >
> > });
> >
> > I'd like to be able to simply apply the 'tn-hide' class to any module I'd
> > like to hide until loaded on the page.
> >
> > It is my (limited) understanding that the first line will go into effect
> > when the DOM is ready and the second when the document is ready.
> >
> > Anyway, right now it isn't working. I'd appreciate it if you could give
> me
> > any insight on this or let me know if I'm heading in the right direction.
> >
> > If it helps, here is my page:http://blueprints.townnews-cms.com/
> >
> >
> ----------------------------------------------------------------------------
> > Christine Masters, Product Manager, TownNews.com
> > cmast...@townnews.com | 1-800-293-9576 x1022
> > Twitter: c_masters
> >
> ----------------------------------------------------------------------------
