Question

I have a .html loaded to clients. On it, jQuery does some modifications.

The problem is that the page loads in two steps: first the original .html, then, a fraction of a second later, the modified .html.

This approach causes jerkyness. Is there a way to show the .html only once JavaScript has acted upon it?

Answer 1

If you MUST do this, then something like this:

Javascript:

$(document).ready(function(){
    myfunction();
    $("#wrapper").show();
}

CSS:

div#wrapper{ display: none; }

HTML:

<div id="wrapper">
  <!-- my page stuff that i dont want to be jerky -->
</div>

However, I would raelly advise that you find a way to apply the styles/data to the page before you generate it (e.g. with PHP, ASP etc.),