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())) 
{ 
}