jQuery에서 애니메이트 div 위치

Question

jQuery를 사용하는 법을 배우고 있습니다. 전문가가 아닙니다. WP 설치 (스크롤 없음) 루프의 가로 탐색을 구축하기 위해 animate 효과를 사용하고 있습니다.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())) 
{ 
}