Question

I have web service that uses jQuery UI elements (mostly buttons).

I write all code in document.ready() part of code is separate js file. What make me furious is 0,5 s between start loading page and end of loading when all buttons have ugly html default style. I havn’t senn it on other web pages so I thins I am doing something wrong…

How to prevent that?

$(document).ready(function() {

   $("#radio").buttonset();
   $("#mapcontrols").buttonset();
}

Answer 1

You hide them at DOM loading and when all set then show them.

$(window).load(function() { // will fire handler when all content on document is on position
   $(".radio, .mapcontrols").hide().buttonset(); // first hide and then apply method buttonset() to it
   $(".radio, .mapcontrols").fadeIn();
});

And use classes if you have multiple buttons.