美文网首页EasyUI
Easyui界面刚加载进来会乱一下的解决办法

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

作者: 追梦_1c27 | 来源:发表于2018-01-02 18:14 被阅读0次

$.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界面刚加载进来会乱一下的解决办法

    $.parser.onComplete解析: $.parser.onComplete是easyui语法解析完成之后...

  • jQuery EasyUI 入门

    jQuery EasyUI 详解 EasyUI 简介 easyui 是一种基于 jQuery 的用户界面插件集合。...

  • 01Jquery EasyUI 快速入门

    1.1 Jquery EasyUI 简介 easyui是一种基于jQuery的用户界面插件集合。easyui为创建...

  • jQueryEasyUI框架

    EasyUI 简介 easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化,互动,Java...

  • EasyUI

    什么是EasyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。 ...

  • TabLayout的小坑

    预加载Fragment ViewPager在开始加载时,会预加载三个界面,即当前界面, +1界面, -1界面,在切...

  • easyUI

    what easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScri...

  • 【连载】研究EasyUI系统——Easyloader组件

    easyloader组件在easyui框架中的主要作用就是加载各种各样的模块,可以是easyui预设的模块,也可以...

  • EasyUI之easyloader 加载

    学习使用EasyUI之easyloader 加载 easyloader 简单载入器这个组件主要作用是按需加载组件。...

  • Cannot resolve symbal 'java&

    原因:类对应的依赖没有加载进来,编译器自身的设置和缓存问题 解决办法:File - Project Structu...

网友评论

    本文标题:Easyui界面刚加载进来会乱一下的解决办法

    本文链接:https://www.haomeiwen.com/subject/aseqnxtx.html