jQuery的加載內容和動畫

Question

我加載在通過AJAX頁面內容，我想老的內容以向上滑動到頂部dissapear，新內容，它遵循到位，我的問題是，我似乎無法爲了讓新內容生成動畫，它只是在點擊按鈕上呈現（然而，舊內容確實是有動畫的）。下面是我的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">

Answer 1

回調執行動畫的負載函數。

$(".content").load(loadURL + " #information", function(){ 
    $('#information').animate({positionTop: "0px"}, 1000); 
}); 

Answer 2

positionTop不是生命的一個有效paramater，您可能需要使用scrollTop。