2011-03-16 56 views
2

我已经没有任何问题,直到我升级到IE 9的slideToggle停止工作在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; 
} 

任何想法问题可能是什么或如何解决?

感谢,

回答

0

抱歉重新打开旧的文章!

我也遇到过这个问题,IE9也是我找到的最好的解决方案实际上是将切换应用到LI而不是UL,工作了一种魅力!