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>

若是灰色的背景色很差看,能夠換成:background:#E0ECFF;這個和easyui的控件差很少