解决ie浏览器对easyui加载时候弹出的div一闪而过的问题
弹出div代码:
<div class="easyui-panel", data-options="fit:true ,border:false " >
<div id="p" class="easyui-panel" data-options="title:'当前位置:会议配置 - 会议签到',fit:true,border:false " tools="#backButton">
<div id="backButton"><a href="http://blog.163.com/lixiaofengfly@126/blog/${pageContext.request.contextPath}/meet/backMeet" class="icon-back" style="margin-top:-2px;width:51px;height:21px;"></a></div>
<div class="easyui-panel panel-body" fit="true" style="border:0px;display:none" id="a">
<table class="pn-ftable" cellpadding="2" cellspacing="1" border="0" style="font-size:12px;background-color:#B4CFCF;margin-top:5px;"
class="pn-ftable" id="test" data-options="fit:true">
<tr>
<td class="pn-flabel pn-flabel-h" width="300px">二维码签到图片:</td>
<td class="pn-fcontent" style="height:200px;width:900px;" >
<div id="aa" ${meetingVO.twodcode == ""?" style='display:none' ":"style='display:block' " }>
<span id="deparmentnamespan" style="height:200px;width:200px" >
<img style="height:200px;width:200px" id="twowordimg" src="http://blog.163.com/lixiaofengfly@126/blog/${meetingVO.twodcode == ""?"":"/MS/signin/showimg" }">
</span>
<span class="pn-fhelp" >下载二维码图片方式:对图片右键图片另存为,选择您要保存的位置</span>
</div>
<div id="bb" ${meetingVO.twodcode == ""?" style='display:block' ":"style='display:none' " }>
<span class="pn-fhelp" >暂无图片,请初始化二维码</span>
</div>
</td>
</tr>
<tr>
<td colspan="2" class="pn-fbutton">
<div id="cc" ${meetingVO.twodcode == ""?" style='display:none' ":"style='display:block' "}>
<span class="pn-fhelp" ><a id="btnSaveConference" class="easyui-linkbutton" οnclick="changetwoword()">更换二维码</a></span>
<span class="pn-fhelp" ><a id="btnSaveConference" class="easyui-linkbutton" οnclick="beforeprinttwoword()">打印预览</a></span>
</div>
<div id="dd" ${meetingVO.twodcode == ""?" style='display:block' ":"style='display:none' " } >
<span class="pn-fhelp" ><a id="btnSaveConference" class="easyui-linkbutton" οnclick="changetwoword()">初始化二维码</a></span>
</div>
</td>
</tr>
</table>
</div>
</div>
<div id="addDig" style="background:#B4CFCF"></div>
</div>
先设DIV成
display:none ,当页面全部加载完毕调用初始化代码
<body οnlοad="init()" >
初始化代码
function init(){
document.getElementById("a").style.display="block";
document.getElementById("b").style.display="block";
}
总结: 先将要弹出的div隐藏 当页面全部加载完毕时候 在显示出来
============================================
这个项目用了JQ easyUI datagrid 组件,我今天做了一个页面,页面有个div层,div里放了一个easyUI datagrid,页面初始化时div隐藏(display:none),通过点击按钮,div显示(display:block),可是当点击按钮后,datagrid只显示了一条线。初始化时设置div的display属性为block时,一切正常。这是datagrid和div有区别吗?想知道其中的原因,请教大侠们!
datagrid变成了一条线,我这里只是让table的width为100% 然后table的高度height设置了300px 这样,变成一条线的table就正常显示了
在js中,显示当前div的时候,执行这条代码$("#tableid").datagrid("resize");