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问题仅使用列表

使用 slideToggle 停止动画

在 Internet Explorer 9 中更改域名后,Ajax 停止工作

Spring Boot 优雅停服的几种方式;别kill -9了

如何解决在 jQuery 中使用 slideToggle 时出现的闪烁问题?

Var with 打破 IE 11 [重复]