IE8下div中2个按钮只显示一个
2014-11-14 16:30
274 查看
IE8下div中2个按钮只显示一个,代码如下:
![](http://img.blog.csdn.net/20141114153148180?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveHpsaXpoYQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
实在没办法了,打算把【隐藏】的不使用按钮,直接用label,结果按钮可以显示了,如图:
![](http://img.blog.csdn.net/20141114153551031?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveHpsaXpoYQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
最终代码如下:
就加了一行代码。具体原因待研究。
显示div的代码:
IE下ajax不起作用,别的浏览器可以,调试之后发现多了个逗号,IE检查还是挺严格的。
<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中显示没问题,但就是不显示。
实在没办法了,打算把【隐藏】的不使用按钮,直接用label,结果按钮可以显示了,如图:
最终代码如下:
<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检查还是挺严格的。
相关文章推荐
- IE8下div中2个button仅仅显示一个
- 一个按钮控制div的显示与隐藏。运用jquery的toggle双、多事件绑定方法
- 两个单选按钮(一个是,一个否 ),一个div层,实现点击隐藏,显示div
- 使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
- C#--第11周实验--任务3--设计一个窗体,窗体上有两个文本框,一个按钮,2个单选按钮--实现单击按钮后,根据单选按钮,将对应文本框中内容显示在标签。
- 怎样用jquery实现点击一个按钮控制一个div的显示和隐藏
- 窗体上有两个文本框:一个文本框中最多输入字符6个;一个文本框中输入任何内容都显示*号。再添加一个按钮、2个单选按钮。实现单击按钮后,根据单选按钮,将对应文本框中内容显示在标签
- js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
- JavaScript点击一个按钮隐藏和显示div
- 利用一个按钮控制DIV的显示与隐藏
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
- 设计一个窗体。窗体上有2个按钮,一个显示文本,一个显示图片。单击上面按钮,或按下alt+B可以弹出右边所示的消息框。单击下面按钮也可以弹出右边所示的消息框
- //显示一个圆,通过点击开始和停止按钮来运行动画!
- 多个DIV,显示一个,隐藏其他全部的实现方法
- 在Jquery中让一个容器div显示在屏幕正中央
- 将div中的内容显示在一个新的html中
- 在Div里面显示一个本地图片,兼容IE6、IE7
- 一个图片轮换显示的实现,使用DIV+JS,支持Firefox,IE,Safiri