> 웹 프론트엔드 > HTML 튜토리얼 > IE8下div中2个按钮只显示一个_html/css_WEB-ITnose

IE8下div中2个按钮只显示一个_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:54:06
원래의
1233명이 탐색했습니다.

       IE8下div中2个按钮只显示一个,代码如下:

<div id="adviceType" style="display: none;">    			<select name="adviceTypeOne" id="adviceTypeOne" class="shortselect">    				<option value="-1">--请选择--</option>					<foreach var="bean" items="${listOne }">						<option value="${bean.id }">${bean.des}</option>					</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中显示没问题,但就是不显示。

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


    最终代码如下:

<div id="adviceType" style="display: none; ">    			<select name="adviceTypeOne" id="adviceTypeOne" class="shortselect">    				<option value="-1">--请选择--</option>					<foreach var="bean" items="${listOne }">						<option value="${bean.id }">${bean.des}</option>					</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="隐藏">				<span style="color:#ff0000;"><label> </label></span>    		</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检查还是挺严格的。




원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿