重复提交,加遮罩层
2016-04-14 11:15
351 查看
function ajaxLoading(msg,msgMaginTop){ //信息提示 var default_msg = '正在处理,请稍后。。。'; //信息布局位置向上内边距 var default_msgMaginTop= -45; var _msg = ''; var _msgMaginTop=0; // 判断参数 if (msg == 'undefined') { _msg = default_msg; } else { _msg = msg; } if (msgMaginTop == 'undefined') { _msgMaginTop = default_msgMaginTop; } else { _msgMaginTop = msgMaginTop; } //$("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:document.body.offsetHeight}).appendTo("body"); $("<div class=\"datagrid-mask-msg\"></div>").html(_msg).appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:(document.body.offsetHeight + _msgMaginTop) / 2}); } function ajaxLoadEnd(){ $(".datagrid-mask").remove(); $(".datagrid-mask-msg").remove(); }
css:
.datagrid-mask { position: absolute; left: 0; top: 0; background: #ccc; opacity: 0.3; filter: alpha(opacity=30); display: none; } .datagrid-mask-msg { position: absolute; left: 100px; top: 50px; width: auto; height: 16px; padding: 12px 5px 10px 30px; background: #fff url('images/pagination_loading.gif') no-repeat scroll 5px 10px; border: 2px solid #ccc; color: #222; display: none; }
使用示例:
ajaxLoading(); $('#myform').form('submit',{ url:"vehAlarmHandleCtrl.do?method=setHandle", onSubmit: function(){ return $(this).form('validate'); } , success: function(data){ ajaxLoadEnd(); returns(data); } });
效果:
相关文章推荐
- SVN服务器客户端输入输出乱码的bug(解决方案)
- Mongo启动说明
- 检测文件夹&文件是否存在
- 获取网页数据的例子
- Can not find the tag library descriptor for "http://www.springframework.org/security/tags"
- Linux服务器配置代理服务器
- jboss ejb 简单实例
- 转载:Oracle连接方式(dispatchers 设置)
- C++中时间延迟的几种方法
- 8天学通MongoDB——第三天 细说高级操作
- C++ ofstream和ifstream详细用法
- PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
- wordpress数据库结构及表说明
- 解决 tempdb 中磁盘空间不足的问题
- wordpress数据库结构及表说明
- 鼠标点击右键,反应慢,解决方法!
- SGU 109 Magic of David Copperfield II(构造)
- 双目视觉学习笔记
- Unirest-拼装http请求发送rest接口
- 20135220谈愈敏Linux Book_4