easyui解析$.parser.parse()的学习，使用地方

来源：互联网发布：广州淘宝大学学费多少编辑：程序博客网时间：2024/05/17 08:49

问题：

进入主界面的时候，页面的并不是马上就展现，而是会有一个混乱的过程，之后一闪就又好了。

原因：就是因为easyui是在dom载入完毕之后才会对整个页面进行解析，当布局和组件比较多的时候，完整的解析组件就需要一个过程，就会出现短暂的界面混乱现象。

解决办法：利用onComplete 事件+载入遮罩。

1、加遮罩层

<div id="loading" style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:#DDDDDB;text-align :center;padding-top:20%;"     <h1><font color="#15428B">加载中....</font></h1>     </div>

2、加easyui语句

function closes() {    $('#loading').fadeOut('normal', function () {        $(this).remove();    });}var pc;$.parser.onComplete = function () {    if (pc) clearTimeout(pc);    pc = setTimeout(closes, 1000);}

0 0