slideToggle 在 IE 9 中停止工作
Posted
技术标签:
【中文标题】slideToggle 在 IE 9 中停止工作【英文标题】:slideToggle stopped working in IE 9 【发布时间】:2011-03-16 19:50:17 【问题描述】:在升级到 IE 9 之前我没有遇到任何问题。
这里是javascript:
jQuery.noConflict();
var $j = jQuery;
$j(document).ready(function ()
$j('div.menu_class').click(function ()
$j('ul.the_menu').slideToggle('medium');
);
);
这里是html:
<div id="button" class="menu_class">
<ul class="the_menu">
<li><a href="/houston.html">Houston</a></li>
</ul>
</div>
这是 CSS:
#button
height: 32px;
width: 184px;
margin: auto;
background-image: url(button.png);
background-repeat: no-repeat;
background-position:0 0;
position:absolute;
left: 499px;
top: 71px;
color:#FFF;
font-size:20px;
font-weight: bold;
text-align:center;
line-height:32px;
z-index:1;
#button ul, li
margin:0;
padding:0;
list-style:none;
.menu_class
border:1px solid #1c1c1c;
cursor:pointer;
.the_menu
display:none;
width:184px;
border: 1px solid #1c1c1c;
font-size:14px;
text-align:left;
line-height:16px;
z-index:1;
position:absolute;
top:33px;
left:0;
.the_menu li
background-color: #302f2f;
margin:0;
padding:0;
list-style:none;
display:block;
float:left;
width:100%;
.the_menu li a
color:#FFFFFF;
text-decoration:none;
padding:10px;
display:block;
.the_menu li a:hover
padding:10px;
font-weight:bold;
color: #F00880;
关于问题可能是什么或如何解决它的任何想法?
谢谢,
提姆
【问题讨论】:
【参考方案1】:很抱歉重新打开一个旧帖子!
我在 IE9 上也遇到过这个问题,我找到的最佳解决方案是将切换实际应用到 LI 而不是 UL,效果很好!
【讨论】:
【参考方案2】:设置“位置:相对;缩放:1;”对父母似乎解决了 问题。
-JQuery Issue Ticket 11168
【讨论】:
以上是关于slideToggle 在 IE 9 中停止工作的主要内容,如果未能解决你的问题,请参考以下文章
IE8中的Jquery slideToggle问题仅使用列表
在 Internet Explorer 9 中更改域名后,Ajax 停止工作
Spring Boot 优雅停服的几种方式;别kill -9了