解决ie浏览器对easyui加载时候弹出的div一闪而过的问题


解决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");

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值