window.onload = function () { function loadingEffect() { var loading = $('#loader'); loading.hide(); $(document).ajaxStart(function () { loading.show(); }).ajaxSuccess(function () { loading.hide(); }).ajaxError(function () { loading.hide(); }); } loadingEffect(); }
时间: 2024-04-28 13:21:44 浏览: 117
一张表格告诉你windows.onload()与$(document).ready()的区别
这段代码是用来实现页面加载时的loading效果。具体实现是通过jQuery的ajaxStart、ajaxSuccess和ajaxError事件来控制loading的显示和隐藏。其中,ajaxStart事件在ajax请求开始时触发loading的显示,ajaxSuccess事件在ajax请求成功时触发loading的隐藏,ajaxError事件在ajax请求失败时触发loading的隐藏。整个loading效果的实现需要依赖jQuery库。
阅读全文