loading加載完成後消失

Question

https://support.snapchat.com/...

點左邊的菜單隨便一個
右側會先出現一個loading圓圈
加載完成後會消失
這該怎麼做啊？
如何知道本頁已全局加載完成？

Answer 1

又要来推一次，很久前我写的一个loading-bar

点击看代码和预览效果啊，转瞬即逝的效果哦。
https://jsfiddle.net/6gpjjv40/

Answer 2

$(document).on("readystatechange",function(){

     if (document.readyState == "complete") {
         $(".loading").remove();
}

});

前两天刚写的， 但是有个问题， 网页打开的时候， 这个 事件 会和谷歌的 事件产生冲突

Answer 3

fetch/ajax + push history state

Answer 4

关键字：ajax、回调

Answer 5

点击发起数据请求的回调里，隐藏/去掉loading圆圈

Answer 6

比如你调用ajax获取数据成功后，然后后面就添加一个处理事件，把圈圈移除就可以了（一般采用添加类名的方法）

Answer 7

回调函数都是有的，那么接下来要实现这个功能只需要在回调函数中对页面进行一些操作

Answer 8

回调成功之后处理一下loading层就可以离