Jquery SlideDown无法在IE7中工作

我做了一个网站，但IE7中出现了一些问题我有一个导航，当我点击一个li元素时，所有的li幻灯片和匹配的div滑落。Jquery SlideDown无法在IE7中工作

这适用于所有的浏览器IE7除外

有谁知道我需要做的解决这一问题？导致最小宽度：0不起作用，我必须使用位置：相对

幻灯片的作品，但滑动并没有。

这是我...

<ul id="menus"> 
<li class="post-1 post type-post hentry category-menus" id="post-1"> 
    <h2><a href="#" rel="bookmark" title="Permanent Link to menu01" class="1">menu01</a></h2> 
</li> 

<li class="post-11 post type-post hentry category-menus" id="post-11"> 
    <h2><a href="#" rel="bookmark" title="Permanent Link to menu02" class="11">menu02</a></h2> 
</li> 

<li class="post-59 post type-post hentry category-menus" id="post-59"> 
    <h2><a href="#" rel="bookmark" title="Permanent Link to menu03" class="59">menu03</a></h2> 
</li> 
</ul> 

<div id="menu-container"> 

<div class="post-1 post type-post hentry category-menus first_item" id="post-1"> 
    Content 
</div> 

<div class="post-11 post type-post hentry category-menus" id="post-11"> 
    Content 
</div> 

<div class="post-59 post type-post hentry category-menus" id="post-59"> 
    Content 
</div> 

</div><!-- end #menu-container-->

CSS ..

/* Menu */ 

#menu-container    { display: table; margin: 0px auto; padding-top: 50px; width: 500px; text-align: center; } 
#menu-container .post  { display: none; margin: 25px auto 50px; width: 575px; min-width: 0; } 
#menu-container .first_item { display: block; } 
#menu-container h2   { margin-bottom: 20px; }

JS ...

var $j = jQuery.noConflict(); 

$j(function(){ 

    $j('ul#menus li a').click(
     function() { 
      $j('#menu-container .post').slideUp();   
      $j('#menu-container #post-' + $j(this).attr('class')).slideDown(); 
     }); 

});

来源

2011-03-01 zendy

类不能是数字。尝试将您的课程改为单词，看看是否有效。

class="title_11"

来源

2011-03-01 19:56:02 Seth

Jquery SlideDown无法在IE7中工作

回答

相关问题