页面的easyui 样式后加载处理方式

jsp页面确保easyui代码无误时，可以由以下方法解决页面样式后加载问题：

通过div隐藏显示去处理

js代码控制：

<script>
 $(function(){
 $(".datagrid-mask").remove();
 $(".datagrid-mask-msg").remove();
 $("#allDivBar").css("display","block");
 });
</script>

html代码：

<div class="datagrid-mask" style="z-index:99999;display:block;width:100%;height:100%;">
</div>
<div class="datagrid-mask-msg" style="z-index:99999;display:block;left:40px;top:80px;">
<span style='font-size:12px'>正在处理，请稍候。。。</span></div>
<div id = "allDivBar" style="display:none">
    //此处为页面所展示的内容
</div>

以上方法有时候对火狐浏览器没有用，原因为各个浏览器的加载机制不同，具体原因这里就不说了。

另一种方法就可以用visibility:hidden;,然后通过以下方式删除div

    $(function(){
        setTimeout(function(){
            $(".datagrid-mask").remove();
            $(".datagrid-mask-msg").remove();
            $("#allDivBar").css("visibility","visible");
        },10);
    });

display 和 visibility之间区别在于加载的顺序问题，visibility隐藏后页面照样留下空挡给所隐藏的页面html标签，具体请查阅相关文档。