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> </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检查还是挺严格的。
时间: 2024-10-29 19:10:56