easyui頁面一開啟的時候出現短暫混亂的問題,解決辦法
阿新 • • 發佈:2019-02-18
很多同學在佈局用到easyui的時候總會出現一個問題。就是在一進入主介面的時候,頁面的並不是馬上就展現,而是會有一個混亂的過程,之後一閃就又好了。其實這個就是因為easyui是在dom載入完畢之後才會對整個頁面進行解析,
解決辦法:要解決這個問題其實只要好好利用這個onComplete 事件在結合一個載入遮罩就解決問題了。
首先你在body下面第一行加入一個載入提示遮罩div
<div id='Loading' style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:#DDDDDB url('style/images/bodybg.jpg');text-align:center;padding-top: 20%;"><h1><image src='style/images/loading.gif'/><font color="#15428B">載入中···</font></h1></div>
再在head裡面就加入一段js:
<script> function closes(){ $("#Loading").fadeOut("normal",function(){ $(this).remove(); }); } var pc; $.parser.onComplete = function(){ if(pc) clearTimeout(pc); pc = setTimeout(closes, 1000); } </script>