easyui页面加载错乱解决方法,提示正在加载请等待
https://www.flypeng.com win10系统 发布时间:2015-08-27 00:00 来源:未知

$.parser.onComplete,这个是在所有组件解析完成后执行的事件。其实这个事件很有用的。很多在布局用到easyui的时候总会出现一个问题。就是在一进入主界面的时候,页面的并不是马上就展现,而是会有一个混乱的过程,之后一闪就又好了。其实这个就是因为easyui是在dom载入完毕之后才会对整个页面进行解析,当你们布局和组件使用的比较多的时候,完整的解析组件就需要一个过程,而在这个过程中就会出现短暂的界面混乱现象。要解决这个问题其实只要好好利用这个onComplete 事件在结合一个载入遮罩就解决问题了

  • <div id='Loading' style="position: absolute; z-index: 1000; top: 0px; left: 0px;  
  •     width: 100%; height: 100%; background: gray; text-align: center;">  
  •     <h1 style="top: 48%; position: relative;">  
  •         <font color="#15428B">加载中···</font>  
  •     </h1>  
  • </div>  
  • <script type="text/javascript">  
  •     function closes() {  
  •         $("#Loading").fadeOut("normal", function () {  
  •             $(this).remove();  
  •         });  
  •     }  
  •   
  •     var pc;  
  •     $.parser.onComplete = function () {  
  •         if (pc) clearTimeout(pc);  
  •         pc = setTimeout(closes, 1000);  
  •     }          
  • </script>  

如果你有好的win10资讯或者win10教程,以及win10相关的问题想要获得win10系统下载的关注与报道。
欢迎加入发送邮件到#qq.com(#替换为@)。期待你的好消息!