jquery - ページが既に読み込まれている場合の jQuery スライドダウンの方法

Question

詳細情報 div を下にスライドしようとすると、タイミングの問題が発生します。私の希望する機能は、ページが既にレンダリングされたら、div が上からスライドダウンすることです。私の問題は、 $(document).ready().. を使用すると、アニメーションが目に見えて発生しないことです。

これが私のコードです：

    $(document).ready(function() {
        $(".MoreInfo").slideDown('slow');
    });

たとえば、他の要素のクリックにストラップすると、美しく機能します。しかし、ページがロードされた後にスライドダウンするようにする方法がわかりません。ありがとう！

score 10 · Accepted Answer

私は以下を使用してミキシングとマッチングを試みました：

$(window).load(function()

と

$(document).ready(function()

しかし、運がなかった。私は使用することになった

 $(document).ready(function() {
    $(".MoreInfo").slideUp(1).delay(2000).slideDown('slow');

そしてそれはうまくいったようです。何よりもすでに表示されている要素と関係があると思います。

score 1 · Accepted Answer

使ってみるといいかもしれません

$(window).load(function()

それ以外の

$(document).ready(function()

$(document).ready が起動したときに、操作しようとしている要素の一部が完全に読み込まれていない可能性があるためです。

score 0 · Accepted Answer

おそらく、代わりに body onload を試してください

$("body").load(function() {
    $(".MoreInfo").slideDown('slow');
});

...document.ready は、ページが表示されるとは限らず、DOM が操作可能になるとすぐに発生します。ページが表示されるかなり前に発生する可能性があります。setTimeout少し余分な時間を確保するために、これを通話に入れてみることもできます

3 に答える 3