0

これについてのすべてのご意見をいただければ幸いです。別のhtmlページから「pageLoader」というdivに外部divをロードしています。divが読み込まれたら、外部divの高さに応じて「pageLoader」の高さをアニメーション化します。したがって、外部divの高さが800pxの場合、「pageLoader」の高さを同じにします。これについていくつかのスレッドを見つけましたが、ロードされるまで外部divの高さを取得できず、その場合にのみ寸法を取得できることを理解しています。

これは私のコードです。高さをハードコーディングしないようにしたいと思います。外部divの高さを計算し、「。animateブロック」内の高さを更新する関数が欲しいのですが。私は多くの組み合わせを試しましたが、うまくいきませんでした。

        $("#pageLoader").load("xxxx.html #content").css(
        {                           
             display:"block",
             opacity:0,

        }).animate({

            opacity:1.0,
            top:0,
            easing: 'easOutBack',
            height: 

        },500, function()
        {
            //alert("DONE");
        });

「コールバック」関数を呼び出すことで外部divの高さを取得するコードは次のとおりです。

        $('#pageLoader').load('xxxx.html', function() {
           $('#pageLoader').height($('#content').height());
        });

どんな方向でも大歓迎です。ありがとうございました。

4

1 に答える 1

0

div を簡単に表示し、その高さを取得して、再び非表示にします。次に、適切な高さにアニメーション化します。

于 2012-08-07T17:57:19.547 に答える