JqueryEasyUI 解决IE下加载时页面错乱的问题
2014-09-20 09:50
246 查看
问题描述:
一直觉得jqueryeasyui在IE下的渲染效果不大好,尤其刚进入页面时的加载,页面会出现布局错乱,虽然是一闪而过,但是给用户的体验不好;
可以通过在页面onload时,增加一个遮罩层,把jqueryeasyui的页面渲染过程遮住,等页面加载完后,扔掉遮罩层,显示页面;
解决办法:
一直觉得jqueryeasyui在IE下的渲染效果不大好,尤其刚进入页面时的加载,页面会出现布局错乱,虽然是一闪而过,但是给用户的体验不好;
可以通过在页面onload时,增加一个遮罩层,把jqueryeasyui的页面渲染过程遮住,等页面加载完后,扔掉遮罩层,显示页面;
解决办法:
/* 文件说明:页面加载时Loading JS 文件描述:解决IE或FF下,初始化加载时,页面布局乱掉的问题,参考:http://283433775.iteye.com/blog/720895 */ var width = $(window).width(); var height = $(window).height(); var html = "<div id='loading' style='position:absolute;left:0;width:100%;height:" + height + "px;top:0;background:#E0ECFF;opacity:1;filter:alpha(opacity=100);'>"; html += "<div style='position:absolute;cursor1:wait;left:" + ((width / 2) - 75) + "px;top:200px;width:150px;height:16px;padding:12px 5px 10px 30px;"; html += "background:#fff url(" + _basepath + "Scripts/jquery-easyui-1.4/themes/default/images/loading.gif) no-repeat scroll 5px 10px;border:2px solid #ccc;color:#000;'>"; html += "正在加载,请等待..."; html += "</div>"; html += "</div>"; window.onload = function () { var mask = document.getElementById('loading'); mask.parentNode.removeChild(mask); }; document.write(html);把上面的js保存到文件,再引用到页面即可。
相关文章推荐
- JqueryEasyUI 解决IE下加载时页面错乱的问题 分类: JavaScript JqueryEasyUI 2014-09-20 09:50 545人阅读 评论(1) 收藏
- JqueryEasyUI 解决IE下加载时页面错乱的问题 分类: JavaScript JqueryEasyUI 2014-09-20 09:50 546人阅读 评论(1) 收藏
- 解决AJAX.NET中的悬停panel在页面加载时闪烁的问题
- [导入]解决JS页面跳转ie,firefox,opera不兼容问题
- flex解决用image加载swf文件后页面异常放大的问题
- 解决ListView异步加载图片错乱问题
- 解决ListView异步加载图片错乱问题
- vs2008与IIS 7.0使用在vista上时出现的问题及解决方法(Internet Explorer 无法显示该页面)(VS2008: IE Cannot Display Web Page)
- window.location.reload()--解决JS页面跳转ie,firefox,opera不兼容问题
- Heroku上Toto加载HTML页面不全问题解决办法
- dwzjs在firefox下遇到页面加载问题解决方法
- 解决jqgrid多字段查询页面加载结束就弹出查询窗口的问题
- 自定义UIWebView背景解决加载页面时一片空白问题
- 在Asp.net 2.0 中禁用页面缓存解决页面刷新(重新加载数据)的问题
- IE 6 下无法加载图片的奇怪问题及其解决方法
- 在Asp.net 2.0 中禁用页面缓存解决页面刷新(重新加载数据)的问题!
- 在Asp.net 2.0 中禁用页面缓存解决页面刷新(重新加载数据)的问题!
- 解决ajax加载的页面js无法找到的问题
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- 巧妙解决js内容调用导致页面加载慢的问题