easyui页面一打开的时候出现短暂混乱的问题,解决办法
2016-05-24 14:38
519 查看
很多同学在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程,之后一闪就又好了。其实这个就是因为easyui是在dom载入完毕之后才会对整个页面进行解析,
解决办法:要解决这个问题其实只要好好利用这个onComplete 事件在结合一个载入遮罩就解决问题了。
首先你在body下面第一行加入一个载入提示遮罩div
再在head里面就加入一段js:
解决办法:要解决这个问题其实只要好好利用这个onComplete 事件在结合一个载入遮罩就解决问题了。
首先你在body下面第一行加入一个载入提示遮罩div
<div id='Loading' style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:#DDDDDB url('style/images/bodybg.jpg');text-align:center;padding-top: 20%;"><h1><image src='style/images/loading.gif'/><font color="#15428B">加载中···</font></h1></div>
再在head里面就加入一段js:
<script> function closes(){ $("#Loading").fadeOut("normal",function(){ $(this).remove(); }); } var pc; $.parser.onComplete = function(){ if(pc) clearTimeout(pc); pc = setTimeout(closes, 1000); } </script>
相关文章推荐
- [BS-26] UIView、pop和Core Animation区别
- Quartz 2D的坐标系和UIKit的坐标系对比以及相互转换 ? 赶驴记
- 使用requirejs 调用百度地图解决方案
- IOS9 UIStackView(转)
- AsyncTask - 基本原理 后台线程和UI线程的交互
- SQLMAP自动注入-REQUEST和SQLMAP自动注入(三)-OPTIMIZATION优化
- iOS - Masonry布局下的属性动画实现 ,UIVIew动态旋转
- LeetCode-303.Range Sum Query - Immutable
- MapReduce-WordCount实现按照value降序排序、字符小写、识别不同标点
- 【Arduino官方教程第一辑】示例程序 5-2 For循环迭代(霹雳游侠)
- LeetCode-304.Range Sum Query 2D - Immutable
- UITextField文本框卡控:只能输入数字
- Contiki协议栈:索引目录
- [WinForm]WinForm跨线程UI操作常用控件类大全
- Android(进度条)异步更新UI的三种方式
- UVa 133 The Dole Queue
- UE4动作流程总结
- juery的跨域请求2
- 富客户端 wpf, Winform 多线程更新UI控件
- UITableView 删除最后一行 奔溃错误处理方法