JQuery easyui的等待效果

今天晚上帮别人解决了一个问题,同样这个问题我也没有尝试过,因为最近团队的web开发都用到了一个easyui插件,在使用的过程当中发现很多不足之处,希望作者能对其进行改进吧,在此我只列出一条:那就是加载的问题,在一个jsp加载进页面后,由于网络延迟等一系列问题导致其中的一些dialog等一开始隐藏的因素在列表加载前会显示出来,如果延迟够多的话,用户友好度会大打折扣,因此需要在加载前给用户显示诸如“正在加载,请稍候”等提示,在网上看了一下发现了几个可以实现此效果的代码,实现是实现了,问题是不会消失,借鉴了其中一个修改自easyui作者写的js

$("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); 
 						$("<div class=\"datagrid-mask-msg\"></div>").html("正在处理,请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2}); 

这个实现之后只需要在合适的地方加上(看了jquery.datagrid.js)

$("body").children("div.datagrid-mask-msg").remove();
			$("body").children("div.datagrid-mask").remove();

即可,这样便可实现加载前提示,加载后消失,总算挽回一点缺憾吧。

不过我还是觉得如果可以在平时收集一些比较好的这些代码,或者写出来一些(借鉴一下别人的也未尝不可),要用的时候稍作修改即可派上用场,相信这样不用插件也可以做出一个比较好的界面,总之我是对插件神马的持否认态度的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值