jQuery加载等待页面怎么做的

Question

页面加载前，显示正在加载中...或者动画

Answer 1

首先页面调用一个loading函数 loading里就是一个动态图片 等到数据加载完过后 remove loading 再载入到页面里

function appendLoading(){
    var loading = $('<div></div>');
    loading.addClass("loading");
    $("body").append(loading);
    appendImg(loading, "/dm_static/psbcsh170713/public/img/loading.gif");
}

Answer 2

<div id="loading">正在加载……</div>

$(function(){
$('loading').addClass('hide');
});

文档加载后隐藏你要显示的内容

Answer 3

以上回答没有回答到重要。

所谓加载动画我们泛指的是JS下载+JS执行两个过程，而正常可能会引起长时间加载的是指前者，后者执行过程是非常快的（当然，有可能这里还涉及网络请求等）。

因此，就上面提供的方法，全是有问题，因为他们都用到了 $ ，连 jQuery 都加载完成了，那还要动画干嘛？？

所以，把 pace 安装到所有脚本文件（即：<script>）之前，pace 会在JS下载间有动画效果。更多细节，自行看API。