// fired right away
$('tn-hide').css('display', 'none').addClass('tn-loading');
$(document).ready(function() {
// fired on DOM ready
});
----
Read jQuery HowTo Resource - http://jquery-howto.blogspot.com
On Sat, Jan 17, 2009 at 9:53 AM, 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
> ----------------------------------------------------------------------------
>
>
>
>
