easyui Dialog使用过程中 闪烁的有关问题.

easyui Dialog使用过程中 闪烁的问题....
就是在一个页面使用一个Dialog,让他初始的隐藏，但是在页面刷新的一瞬间，这个Dialog会显示出来，等dom加载完才后可能他easyui 才根据data-options的值让它消失，就是这个效果非常难看...怎么解决..

我那时候想 在style加个display=none...但是当调用$().dialog('open')的时候只有一个标题，其他的都没了，即使在$().dialog()里面初始化高度 也不行...
下面是加了display=none.的效果


下面是dlg

 <div id="vipBookDlg" class="easyui-dialog"  data-options="closed:true,title:'会员订场',modal:true" style="width:330px;height:350px;">

        <table>

          <tr>

             <td id="tNT" class="tdTitle">卡号:</td>

              <td><input id="txtCardId" type="text" /></td>

          </tr>

          <tr>

             <td  class="tdTitle">姓名:</td>

              <td id="tName" class="cV">-------------------------</td>

          </tr>

               <tr>

             <td class="tdTitle">证件号码:</td>

              <td id="tBirthNum" class="cV">-------------------------</td>

          </tr>

            <tr>

             <td  class="tdTitle">手机号码:</td>

              <td id="tPhone" class="cV">-------------------------</td>

          </tr>

          <tr><td class="tdTitle">预订场地：</td><td id="tGName_vip"></td></tr>

          <tr><td class="tdTitle">预订日期：</td><td id="tDate_vip"></td></tr>

          <tr><td class="tdTitle">预订时间段：</td><td id="tTime_vip"></td></tr>

          <tr><td class="tdTitle">费用：</td><td id="tPrice_vip" style="color:red;"></td></tr>

          <tr>

         <td class="tdTitle">备&nbsp;&nbsp;注:</td>

         <td><input id="txtRemark_vip" type="text" style="height:50px;" /></td>

          </tr>

        </table>

      <div style="width:100%;text-align:center;margin-top:10px;">

         <a  href="javascript:;" class="mcs-btn" onclick="btnVipOk(this);"><span class="icon-ok"></span><font>预订(Enter)</font></a>

        <a href="javascript:;" class="mcs-btn" onclick=" $('#vipBookDlg').dialog('close');;"><span class="icon-no"></span><font>关闭</font></a>

      </div>

     </div> <!--会员订场-->

调用的代码：

  function vipBook() {

            if ($(".isBook").length == 0) {

                jDialog.alert("未选中任何时间段");

                return;

            }

           // $("#vipBookDlg").dialog({height:500}); 这句删了，我本来在上面加了display:none发现打开这个对话框的时候，只显示标题

            $("#vipBookDlg").dialog('open');

            $("#txtCardId").focus().select();

        }

------解决思路----------------------
<div style="display:none">
 <div id="vipBookDlg" ...
</div>

dialog用一个隐藏div包含起来
------解决思路----------------------
这个我们也遇到过。先直接display:none是对的。
然后在页面加载完后再让它display:block就可以了。或者你$().show().dialog()

在$().dialog()里面初始化高度是不行的。因为里面的内容已经隐藏。