页面的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标签，具体请查阅相关文档。