zoukankan      html  css  js  c++  java
  • IE8下div中2个button仅仅显示一个

           IE8下div中2个button仅仅显示一个,代码例如以下:

    <div id="adviceType" style="display: none;" >
        			<select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" >
        				<option value="-1">--请选择--</option>
    					<c:forEach var="bean" items="${listOne }">
    						<option value="${bean.id }">${bean.des}</option>
    					</c:forEach>
    				</select>
    				<select name="adviceTypeTwo" id="adviceTypeTwo" class="shortselect">
    						<option value="-1">--请选择--</option>
    								
    				</select>
    				<input type="hidden" id="adviceMsgLogId">
    				<input id="saveAdviceType" class="retransmission" type="button" value="保存"/>
    				<input id="hideAdviceType" class="retransmission" type="button" value="隐藏"/>
    				
        		</div>
           如图,仅仅显示【保存】按钮,不显示【隐藏】按钮。dom中显示没问题,但就是不显示。

    实在没办法了,打算把【隐藏】的不使用button,直接用label,结果button能够显示了,如图:


        终于代码例如以下:

    <div id="adviceType" style="display: none; " >
        			<select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" >
        				<option value="-1">--请选择--</option>
    					<c:forEach var="bean" items="${listOne }">
    						<option value="${bean.id }">${bean.des}</option>
    					</c:forEach>
    				</select>
    				<select name="adviceTypeTwo" id="adviceTypeTwo" class="shortselect">
    						<option value="-1">--请选择--</option>
    								
    				</select>
    				<input type="hidden" id="adviceMsgLogId">
    				<input id="saveAdviceType" class="retransmission" type="button" value="保存"/>
    				<input id="hideAdviceType" class="retransmission" type="button" value="隐藏"/>
    				<label>&nbsp;</label>
        		</div>

    就加了一行代码。详细原因待研究。

    显示div的代码:

    $(".left").live("click",function(){
    		var $this = $(this);
    		var width = $this.width();
    		$("#adviceType").css("top",event.clientY+$this.scrollTop())
    						.css("left",event.clientX+$this.scrollLeft())
    						.css("position","absolute")
    						.show().height(100).width(600);
    //随着鼠标的点击改变显示位置
    
    	})
    


    IE下ajax不起作用,别的浏览器能够,调试之后发现多了个逗号,IE检查还是挺严格的。




  • 相关阅读:
    2017-5-25 母版页
    2017-5-25 分页加条件查询合体
    2017-5-23 WebForm 中的分页功能和条件查询功能
    2017-5-17 WebForm 基础
    2017-5-14 心情
    2017-5-10 小型人员管理系统
    2017-5-9 打开唯一窗体的实例操作
    2017-5-8 TreeView 实现三级联动 (递归方法)
    2017-5-7 三级联动数据库 数据保存
    2017-5-7 三级联动
  • 原文地址:https://www.cnblogs.com/mengfanrong/p/4479570.html
Copyright © 2011-2022 走看看