jquery - jQueryUIテンプレートの読み込み時の煩わしいラグ

Question

jQuery UI要素（主にボタン）を使用するWebサービスがあります。

私はすべてのコードをdocument.ready（）に記述します。コードの一部は個別のjsファイルです。私を激怒させるのは、すべてのボタンが醜いhtmlのデフォルトスタイルである場合に、ページの読み込みを開始してから読み込みを終了するまでの0.5秒です。私は他のウェブページでそれをセンニングしていないので、私は何か間違ったことをしているのです...

それを防ぐ方法は？

$(document).ready(function() {

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

Answer 1

DOMの読み込み時に非表示にし、すべてが設定されたら表示します。

$(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();
});

また、複数のボタンがある場合はクラスを使用します。