easyui解析$.parser.parse()的学习，使用地方

最新推荐文章于 2025-07-10 10:39:09 发布

原创最新推荐文章于 2025-07-10 10:39:09 发布 · 1.8w 阅读

4 ·

CC 4.0 BY-SA版权

easyui 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了使用EasyUI框架时遇到的页面加载过程中界面混乱的问题，并提供了解决方案：通过添加加载遮罩并利用onComplete事件来确保DOM元素完全加载后再显示页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：

进入主界面的时候，页面的并不是马上就展现，而是会有一个混乱的过程，之后一闪就又好了。

原因：就是因为easyui是在dom载入完毕之后才会对整个页面进行解析，当布局和组件比较多的时候，完整的解析组件就需要一个过程，就会出现短暂的界面混乱现象。

解决办法：利用onComplete 事件+载入遮罩。

1、加遮罩层

<div id="loading" style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:#DDDDDB;text-align :center;padding-top:20%;"
     <h1><font color="#15428B">加载中....</font></h1>
     </div>

2、加easyui语句

function closes() {
    $('#loading').fadeOut('normal', function () {
        $(this).remove();
    });
}
var pc;

$.parser.onComplete = function () {
    if (pc) clearTimeout(pc);
    pc = setTimeout(closes, 1000);
}