Question

我创建了一个网站，但在IE7中出现了问题我有一个导航，当我点击li元素时，所有li的幻灯片和匹配的div滑动。

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

有谁知道我需要做些什么来解决这个问题？导致min-width：0不起作用，我必须使用position：relative

幻灯片有效，但滑动不起作用。

这就是我的......

<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();
       });

});

Answer 1

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

class="title_11"

Jquery SlideDown在IE7中不起作用

1 个答案: