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);

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容