我正在开发一个项目,其中有很多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(); });