天天看点

jquery 处理页面弹出层查询数据等待的操作(gif图片加载等待)

$(document).ready(function(){
    layer.load(0);//初始化加载,可选范围(0-9)0表示等返回结果后关闭,1-9表示自动关闭时间(s)
});

           

当查询结果集返回后,设置关闭等待的样式

function init_page_pro(sdate, pro) {
        $.post("detail.key", {
            'pro' : pro,
            'sdate' : sdate
        }, function(result, resultState) {
            if (resultState == "success") {
                var resultJson = eval(result);
                //alert(result);
                layer.closeAll()//关闭所有加载
            }
        });
       }           

注:虽然只调用这两个方法即可实现等待效果,但都是牛人封装好的,需要源文件的,具体需要到我的资源中去下载即可使用,然后放到项目相应的路径即可

官方演示与讲解:http://sentsin.com/jquery/layer/

最后效果:

jquery 处理页面弹出层查询数据等待的操作(gif图片加载等待)