EasyUI 遮罩的应用

很多人用EasyUI 渲染的时候都会有卡一下的时候，就是会把一些不该显示的东西先显示下，然后再渲染出来。

有种解决方案就是用遮罩。

在主页body标签加入以下代码。

<div id="loading-mask" style="position: absolute; top: 0px; left: 0px; width: 100%;
height: 100%; background: #得得的; z-index: 20000">
<div id="pageloading" style="position: absolute; top: 50%; left: 50%; margin: -120px 0px 0px -120px;
text-align: center; border: 2px solid #地得到; width: 200px; height: 20px; font-size: 14px;
padding: 10px; font-weight: bold; background: #fff; color: #得得的;">
<img src="loading.gif" align="absmiddle" />
正在加载中,请稍候...
</div>
</div>

然后在脚本中加入：

$('#loading-mask').css("display", "none");

这样，事情就完美解决了。