有关于假死状态的改正,一个菜鸟的投机取巧的方法

来源:互联网 发布:图标大全软件下载 编辑:程序博客网 时间:2024/05/18 01:19

今天领导做演示,当每每演示到激活成功然后跳转页面的时候,由于是同步的方法,SUMBIT,中间通讯时间过长,看上去很像‘假死状态’,领导的要求是提供一个等待标识或者页面;

初入职场的菜鸟,不会啊咋办呢?凉拌还得你去办,所以我是一个不合格的程序员,为了完成效果于是乎。。。。偷笑

首先我事先在页面准备好一个DIV

 <div id="loadgif" style="width:99px;height:99px;position:absolute;top:42%;left:40%;">   这里的图片是网络上找的动态等待的图片
                 <img  src="<%=path%>/images/loadpic.gif"/>
           </div>

然后利用ready函数先把他隐藏起来

$(document).ready(function () { $("#loadgif").hide();});

我这里程序是form表单提交的方式,还绑定了点击事件。于是乎

  $(function(){
    $('.submit').click(function(){
              一系列的判断
     $("#789").css("opacity","0.3");   //当前页面我给他来个透明度变成0.3
     $("#loadgif").show();  //进度条出来
    }
    $('#signupForm').submit(); //提交慢慢等待
    });
    });


0 0
原创粉丝点击