jQuery中的Animate div位置

Question

我正在学习使用jQuery，我不是专家程序员。我使用animate效果来构建WP安装循环的水平导航（无卷轴）。我在x中使用“下一页”按钮为动画960像素设置动画，并使用“开始”按钮开始播放（到0px x位置）。这个容器的overflow:hidden CSS属性为了隐藏容器外的帖子。请参阅live example。

我不知道如何在到达循环div末尾时停止滑动效果。也许有条件的陈述，但我不知道要这样做。

这是脚本：

<script type="text/javascript"> 
$(document).ready(function(){ 
$(".left-slide").click(function(){ 
    $("#slide-container").animate({ 
    left:"-=960" 
    }, 1500); 
}); 
$(".right-slide").click(function(){ 
    $("#slide-container").animate({ 
    left:"0" 
    }, 1500); 
}); 
}); 
</script> 

Answer 1

会是这样的工作？

if($("#slide-container").css('left') > -($("#slide-container").width())) 
{ 
}