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中工作

回答

相關問題