我正在开发一个项目,其中有很多jQuery正在进行中.所以当我进入页面时,我可以看到jQuery正在运行(例如页面上的$.button()元素在加载jQueryUI之前仍然显示为普通的html元素：S)所以最初它看起来都很难看,一旦所有JS加载并执行,它看起来“很好”.
这不只是一个预加载图像或其他什么的情况,我想运行jQuery代码,但“隐藏”它来自访问者,这样一旦页面打开,它看起来“很好”直接或显示黑屏幕说“正在加载. ..“直到jQuery运行完毕.
看看这里：http://www.filamentgroup.com/,虽然我不确定在显示它之前实际运行网站的javascript,但它显示了一个黑暗的屏幕说“正在加载……”的基本想法..我怀疑这是大的事情发生了网络应用程序,如SlideRocket,虽然它确实使用闪存……：S
解决方法
你自己回答了这个问题.有一些隐藏页面的加载屏幕,直到运行所有jQuery.
尝试类似以下的内容.
这位于页面顶部：
<div id="loadingMask" style="width: 100%; height: 100%; position: fixed; background: #fff;">Loading...</div>
这是你的jQuery：
$(document).ready( function() {
/*
* ... all of your jQuery ...
*/
// At the bottom of your jQuery code,put this:
$('#loadingMask').fadeOut();
});
