在jQuery中动画div位置

Question

我正在学习使用jQuery，我不是专家程序员。我正在使用animate效果为WP安装循环（无滚动）构建水平导航。我使用“下一页”按钮在 x 轴中为960px设置动画，然后使用“开始”按钮开始前进（到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()))
{
}