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

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