Question

我正在尝试用jQuery和jQuery Easing插件做一个简单的动画。动画效果很好，除非它们应用于section.quickReply

这是我的HTML：

<section class="post quickReply">
    <form method="POST">
        <header>Poster une réponse</header>
        <aside>
            <!-- Some image here -->
            <p><!-- Some link here --></p>
        </aside>
        <p class="content">
            <textarea></textarea>
            <input type="submit" value="Poster" />
        </p>
    </form>
</section>

如果我应用这个jQuery代码，我会看到正确的动画（使用easeInOutBounce向上滑动）：

$('section.quickReply form').submit(function(e) {

    e.preventDefault();

    $('section.quickReply form').slideUp({ duration: 5000, easing: 'easeInOutBounce'});

});

但是使用那段代码，我看不到动画，5秒后我的块突然消失了：

$('section.quickReply form').submit(function(e) {

    e.preventDefault();

    $('section.quickReply').slideUp({ duration: 5000, easing: 'easeInOutBounce'});

});

请帮助：）

Answer 1

此问题归因于min-height属性。这是自jQuery 1.4以来animate和slide效果的问题。

如果您要删除min-height上的section，您会发现它运作良好：http://jsfiddle.net/P8Quj/5/

以下是您应该阅读的有关该错误的来源：

特定块上没有jQuery slideUp（）动画

1 个答案: