jQuery EasyUI 页面加载等待及页面等待层

下面一个代码片段是 easyUI 页面加载等待，代码如下所示：

rush:js;"> function ajaxLoading() { var id = "#textBoxDiv"; var left = ($(window).outerWidth(true) - 190) / 2; var top = ($(window).height() - 35) / 2; var height = $(window).height() * 2; $("

").css({ display: "block",width: "100%",height: height }).appendTo(id); $("

").html("正在加载,请稍候...").appendTo(id).css({ display: "block",left: left,top: top }); } function ajaxLoadEnd() { $(".datagrid-mask").remove(); $(".datagrid-mask-msg").remove(); }

下面看个工具类 基于easyui的页面等待提示层,即mask

rush:js;">

方法: 
 * 开启:MaskUtil.mask(); 
 * 关闭:MaskUtil.unmask(); 
 * 
 * MaskUtil.mask('其它提示文字...'); 
 */ 
var MaskUtil = (function(){ 
 var $mask,$maskMsg; 
 var defMsg = '正在处理，请稍待。。。'; 
 function init(){ 
  if(!$mask){ 
   $mask = $("
").appendTo("body"); 
  } 
  if(!$maskMsg){ 
   $maskMsg = $("
") 
    .appendTo("body").css({'font-size':'12px'}); 
  } 
  $mask.css({width:"100%",height:$(document).height()}); 
  var scrollTop = $(document.body).scrollTop(); 
  $maskMsg.css({ 
   left:( $(document.body).outerWidth(true) - 190 ) / 2,top:( ($(window).height() - 45) / 2 ) + scrollTop 
  }); 
 } 
 return { 
  mask:function(msg){ 
   init(); 
   $mask.show(); 
   $maskMsg.html(msg||defMsg).show(); 
  },unmask:function(){ 
   $mask.hide(); 
   $maskMsg.hide(); 
  } 
 } 
}()); 

效果图:

以上所述是小编给大家介绍的jQuery EasyUI 页面加载等待及页面等待层。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：jQuery内容筛选选择器实例代码下一篇：jQuery快速实现商品数量加减的方法