easyui页面一打开的时候出现短暂混乱的问题,解决办法
来源:互联网 发布:zbrush mac 破解 编辑:程序博客网 时间:2024/06/03 02:25
很多同学在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程,之后一闪就又好了。其实这个就是因为easyui是在dom载入完毕之后才会对整个页面进行解析,
解决办法:要解决这个问题其实只要好好利用这个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>
1 0
- easyui页面一打开的时候出现短暂混乱的问题,解决办法
- 关于Android打开应用的时候出现短暂白屏的解决方案
- 除去程序打开短暂黑屏的问题
- iOS导航栏pop的时候出现短暂蓝色
- 用加载图片解决在ajax数据加载中页面出现短暂空白的问题
- 本地测试网站的时候出现无法打开页面解决方法
- 避免应用冷启动时候的短暂黑屏的问题
- xhtml页面头尾分离的时候出现中文乱码解决办法
- 【AngularJS】刷新页面时,短暂出现未渲染的代码
- EasyUI 出现的问题
- android打开图库程序的时候出现的问题调试
- 使用easyui layout 布局的时候部分页面遮住的解决办法
- html+css正常但是复制到aspx页面出现布局混乱的问题
- 关于页面展示的时候出现的问题(笔记)
- 关于编译内核时候出现__gnu_mcount_nc的问题以及解决办法
- 使用easyUI的treegrid的时候,出现后台返回数据为空时,treegrid加载了前面请求到的数据到页面上的问题
- easyui在页面布局中引入外部的jsp页面,css冲突,功能失效,页面混乱
- 访问ASP.NET页面时候出现权限问题的解决
- UICollectionViewLayout
- 二叉树打印
- 2016年过半~
- VC CFont 用法
- iOS学习之——UIView的setNeedsDisplay和setNeedsLayout方法
- easyui页面一打开的时候出现短暂混乱的问题,解决办法
- 【leetcode】131. Palindrome Partitioning
- V4L2应用程序框架
- Node.JS模拟新浪登录
- 【JavaLearning】接口与抽象类的比较(The comparison of Interface and Abstract Class )
- mysql存储过程详解
- SVN
- html基础(详细)
- 虚函数