1

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

});

助けてください ：）

4

1 に答える 1

1

この問題はmin-heightプロパティによるものです。これは、jQuery 1.4 以降の問題でしanimateたslide。

それを削除するとmin-height、sectionうまく機能することがわかります：http://jsfiddle.net/P8Quj/5/

このバグについて読むべきソースは次のとおりです。

于 2014-02-05T04:29:39.307 に答える