Javascript jquery通过ajax和动画加载内容
我通过ajax加载页面内容,我希望旧内容滑到顶部,新内容跟随它进入位置,我的问题是我似乎无法让新内容动画化,它只是在点击按钮时呈现(旧内容会动画化)。下面是我的javascriptJavascript jquery通过ajax和动画加载内容,javascript,jquery,ajax,Javascript,Jquery,Ajax,我通过ajax加载页面内容,我希望旧内容滑到顶部,新内容跟随它进入位置,我的问题是我似乎无法让新内容动画化,它只是在点击按钮时呈现(旧内容会动画化)。下面是我的javascript $("#ajax").live("click", function(e){ var loadURL = $(this).attr('href'); $("#information").animate{{positionTop : "-900px" }, 1000); $(".content")
$("#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设置,但仅从
在加载函数的回调中执行动画
$(".content").load(loadURL + " #information", function(){
$('#information').animate({positionTop: "0px"}, 1000);
});
positionTop
不是动画的有效参数,您可能需要使用scrollTop
完美。这真的很有帮助