0

私は ajax を介してページ コンテンツを読み込んでいます。古いコンテンツを上にスライドさせて消えさせ、新しいコンテンツを所定の位置に配置したいのですが、私の問題は、新しいコンテンツをアニメーション化できないように見えることです。ボタンをクリックするとレンダリングされます (ただし、古いコンテンツはアニメーションします)。以下は私のjavascriptです、

$("#ajax").live("click", function(e){
    var loadURL = $(this).attr('href');
    $("#information").animate{{positionTop : "-900px" }, 1000);
    $(".content").load(loadURL + " #information").animate({positionTop: "0px"}, 1000);
    e.preventDefault();
});

これが私のHTMLマークアップです。

<div class="content">
    <div class="loading"></div>
    <article id="information">
        <header>
            <h1 class="beta"></h1>
            <a href="" class="learn">Learn More</a>
        </header>
        <section class="advantage">

        </section>
        <section class="advantage">

        </section>
        <section class="advantage">

        </section>
        <a class="next-advantage" id="ajax" href="/logic-combi.php">Logic+ Combi</a>
    </article>
</div>

JS はまったく同じ HTML のセットアップを要求していますが、<article id="information">

4

2 に答える 2

2

load 関数のコールバックでアニメーションを実行します。

$(".content").load(loadURL + " #information", function(){
  $('#information').animate({positionTop: "0px"}, 1000);
});
于 2012-06-26T14:54:37.213 に答える
0

positionTopanimate の有効なパラメーターではありません。使用することをお勧めしますscrollTop。

于 2012-06-26T14:57:48.660 に答える