Easyui界面刚加载进来会乱一下的解决办法

$.parser.onComplete解析:

$.parser.onComplete是easyui语法解析完成之后触发的事件,这个事件是十分有用的。例如在加载一个页面时,页面并不是马上就展现的,因为parser在dom载入完毕之后才会对整个页面进行解析,当页面组件使用较多的时候,完整的解析组件必定需要耗费较多的时间,这一过程可能就会出现短暂的界面混乱现象。解决的办法就是:利用onComplete事件再结合一个载入遮罩层就解决

代码解析:

· 先让浏览器去加载所需要的文件,等待文件全部加载回来之后再去渲染页面;

· 同时在浏览器去加载页面的过程中,让需要显示的面板透明度设为0,等待文件加载完成,渲染页面的时候,再把面板的透明度改为1;


$('#tt>div.tabs-panels').css("opacity","0");//显示tab页

functioncloses(){

$("#Loading").fadeOut("normal",function(){

$(this).remove();

   });

TEACHER.init.cancel_loading();

$('#tt>div.tabs-panels').css("opacity","1");//显示tab内容

//$("#tt>div.tabs-panels>div.panel").show();

}

varpc;

$.parser.onComplete=function(){

if(pc)clearTimeout(pc);

pc=setTimeout(closes,500);

}

你可能感兴趣的:(Easyui界面刚加载进来会乱一下的解决办法)