애니메이션이 작동하는 동안 jQuery 클릭 이벤트를 중지하려고합니다.

Question

콘텐츠 슬라이더가 있습니다. 추가적으로 "이전"& "다음"버튼을 만들었습니다. 애니메이션이 완료되면 버튼을 클릭 할 수 있어야합니다 (애니메이션 길이는 500ms 임). 나는 그것을 해결하기 위해 노력 : 애니메이션 선택,하지만 작동하지 않습니다

이

if (!$(".scrollContainer").is(':animated')) { 
    $(".nextItems a").click(function() { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().next().find("a").addClass('selected'); 
    }); 
} 
if (!$(".scrollContainer").is(':animated')) { 
    $(".prevItems a").click(function() { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().prev().find("a").addClass('selected'); 
    }); 
} 

또는 아주 간단하게, 내가 클릭 한 후 500ms로에 대한 이벤트를 클릭 버튼을 중지해야합니다. 누구든지 제발 도와 주실 래요?

Answer 1

이동을 경우 것은 당신의 클릭 이벤트 핸들러 내부에 움직이는 경우 확인 문 : 또한

$(".nextItems a").click(function() { 
    if (!$(".scrollContainer").is(':animated')) { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().next().find("a").addClass('selected'); 
    } 
}); 

$(".prevItems a").click(function() { 
    if (!$(".scrollContainer").is(':animated')) { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().prev().find("a").addClass('selected'); 
    } 
}); 

당신은 건조 할 수 귀하 다음과 같이하면 코드 :

$(".nextItems a").click(function() { 
    nextPrevItem('next'); 
}); 

$(".prevItems a").click(function() { 
    nextPrevItem('prev'); 
}); 
function nextPrevItem(direction) { 
    if (!$(".scrollContainer").is(':animated')) { 
     $(".slideNavig").find('a.selected').removeClass('selected') 
      .parent()[ direction ]() 
      .find("a").addClass('selected'); 
    } 
} 

Answer 2

당신은 핸들러 내부의 if 문이 필요합니다

$(".nextItems a").click(function() { 
    if (!$(".scrollContainer").is(':animated')) { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().next().find("a").addClass('selected'); 
    } 
}); 

$(".prevItems a").click(function() { 
    if (!$(".scrollContainer").is(':animated')) { 
     $(".slideNavig").find('a.selected').removeClass('selected').parent().prev().find("a").addClass('selected'); 
    } 
}); 

Answer 3

.delay() (jQuery 1.4 이상에서 사용 가능) 또는 .setTimeOut()을 사용할 수 있습니다.

http://forum.jquery.com/topic/settimeout-15-6-2010

http://api.jquery.com/delay/