在查看页面之前预加载并运行jQuery / javascript

前端之家收集整理的这篇文章主要介绍了在查看页面之前预加载并运行jQuery / javascript前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个项目,其中有很多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();
});
原文链接:https://www.f2er.com/jquery/178397.html

猜你在找的jQuery相关文章