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检查还是挺严格的。

时间: 2024-10-29 19:10:56

IE8下div中2个button仅仅显示一个的相关文章

IE8下div中2个按钮只显示一个

IE8下div中2个按钮只显示一个,代码如下: <div id="adviceType" style="display: none;" > <select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" > <option value="-1">--请选择--</option

div中粘贴图片并上传服务器 div中拖拽图片文件并上传服务器

应用简介:此文主要是描述如何在前端div中直接ctrl+v 粘贴图片,并上传到服务器,包括拖拽图片文件到div中 应用场景描述:用QQ或者其它切图软件截图,在指定的div中ctrl+v 粘贴并显示,点击上传按钮,图片上传到服务器.类似实现了此功能的网站有 知乎,强力建议博客园实现此功能,                     写博客时插入图片方便的多. 适用环境:本代码目前适用谷歌浏览器,其它浏览器需要稍微改良一下即可,问题不大. 开发环境:vs2015 mvc 不说废话了,开始吧: 1:首先

div中字垂直居中对齐

div中的文本水平居中,一般都是用text-align:center;就可以解决,那么垂直居中呢,知道vertiacl-align:middle;但有时候却不起作用:整理下div中文本垂直居中对齐的问题(只是自己总结)1.单行文本垂直居中对齐① height=line-height即可: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml

如何让div中的文字只显示一行,多余的文字隐藏并加上省略号(超链接形式)

写页面的时候遇到了一个小小的问题,如何让div中一行超链接文字只显示一行,多余的文字隐藏并加上省略号,悬浮时隐藏的文字显示出来?解决问题时发现了css3的一个新标签  text-overflow  ,其属性规定当文本溢出包含元素时发生的事情.语法如下: text-overflow: clip|ellipsis|string; 代码如下: <!DOCTYPE html><html><head><meta http-equiv="Content-Type&q

小程序的野心,仅仅是一个微信桌面的无敌工具箱吗?

据媒体报道,微信公开课今日在广州召开,腾讯高级副总裁,微信创始人张小龙发表演讲,并透露小程序将于1月9日上线.公开课的全文也在网上发布了. 文/张书乐 张小龙很轻松的诠释了小程序到底是什么:无须安装.触手可及.用完即走.无须卸载.也给出了他的一个微信定义:"大家认为微信是一个平台.但我认为微信是一个工具". 小程序到底是什么?咋一看,这货忒象多年前腾讯用QQ连带折腾出来的腾讯桌面Q+,但适应移动互联网,更加小和轻,比起百度早前弄的同样不温不火不死不活的的轻应用.放心,张小龙这次不是山寨

ie8下a标签中的图片出现边框

1.ie8下a标签中的图片出现边框 <a href="#"><img src="horse.jpg"></a> 效果如图所示 2.解决方案 将img的边框设置为0或none img{border:none;}

IE8下JQuery clone 出的select元素使用append添加option异常解决记录

遇到一个怪现象,由于配置参数是多实例的, 故采用JQuery对模板HTML代码进行clone, HTML代码中包括select标签, 在克隆之后需要对select进行添加option. 在firefox和chrome浏览器上都没有问题,在IE10下也没有问题, 但是在IE8下就出现问题,使用append添加option后,IE8上就显示不出来新添加option. 示例代码如下,对于clone出的第二个select有问题,但是通过打印,发现添加后的option数目是正确的3个. 这个就太令人费解了

简单的介绍下WPF中的MVVM框架

最近在研究学习Swift,苹果希望它迅速取代复杂的Objective-C开发,引发了一大堆热潮去学它,放眼望去各个培训机构都已打着Swift开发0基础快速上手的招牌了.不过我觉得,等同于无C++基础上手学习C#一样,即使将来OC被淘汰,那也是N年之后的事情,如果真的要做IOS开发,趁现在Swift才刚开始,花那么几个月去了解一下OC绝对是一件有帮助的事情. 扯远了,我前几天刚接触到一个叫做mvvm的框架,发现很有意思,带着学习的态度来写点东西,不足之处一起研究.还有一个很重要的原因,我发现不少同

IE8下图片无法显示问题

一.背景图片不能显示的原因 代码: background:url(img/img1.jpg)no-repeat; background:url(img/img1.jpg) no-repeat; 第一个背景图片IE8下不会显示,第二行代码的背景图片会显示,区别在于no-repeat前面的空格,IE8对空格的敏感度很高. 二.在HTML中插入图片不能显示 HTML 1 <div class="img"> 2 <a href='javascript:'> 3 <