制作一个webapp，我需要在页面之间加载div

Question

我到处寻找，但我找不到怎么做！

我有一个webapp，一个页面的数据非常繁重，加载需要很长时间。加载下一页时是否可以显示加载div？也许是这样;

1. 制作加载div，将样式设置为visiblilty：hidden
2. 当用户点击链接时，div设置为visibilty：visible
3. 开始加载下一页的数据
4. 加载数据时，会显示页面。

Answer 1

就像我说的，这只是你要找的基本版本。

http://jsfiddle.net/sheriffderek/CbF9M/

HTML（只是一些东西）

<img src="http://placehold.it/500x500" alt="">

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem amet earum sapiente aspernatur optio aliquid officia veritatis quaerat eaque ex fugiat maiores iure! Fugit deserunt enim cumque eum veniam eius.</p>

<div class="cover"></div>

CSS

.cover {
    position: fixed;
    top: 0; right: 0;
    bottom: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: red;
}

的jQuery

$(window).ready( function() {

    $(".cover").delay(3000).fadeOut();

});

所以，当窗口加载时......淡出覆盖div ...但实际上 - 你想要更加具体地说明所加载的内容。延迟只是有效，因为我们没有传输任何实际数据。