1. 程式人生 > >easyui頁面一開啟的時候出現短暫混亂的問題,解決辦法

easyui頁面一開啟的時候出現短暫混亂的問題,解決辦法

很多同學在佈局用到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>