easyui页面加载提示

$.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>