解決ie瀏覽器對easyui載入時候彈出的div一閃而過的問題
阿新 • • 發佈：2018-12-23
彈出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/[email protected]
<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/[email protected]/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" onclick="changetwoword()">更換二維碼</a></span>
<span class="pn-fhelp" ><a id="btnSaveConference" class="easyui-linkbutton" onclick="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" onclick="changetwoword()">初始化二維碼</a></span>
</div>
</td>
</tr>
</table>
</div>
</div>
<div id="addDig" style="background:#B4CFCF"></div>
</div>
先設DIV成
display：none ，當頁面全部載入完畢呼叫初始化程式碼
<body onload="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");