加载jQuery UI模板时令人讨厌的延迟

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

如果您有多个按钮，请使用类。