jQuery 애니메이션이 애니메이션을 감지합니까?

Question

요소의 값이 변경되면 요소가 애니메이션을 적용하거나 감지하는지 감지하는 방법입니까?

요소가 움직이는 경우 함수를 트리거해야하기 때문에. 아니 애니메이션의 onComplete. 선택된 요소는 애니메이션시

Answer 1

다음 true를 반환 :

var isAnimating = $("#someid").is(':animated'); 

더 상세 :

http://api.jquery.com/animated-selector/
및/또는
http://api.jquery.com/animate/
단계 : 함수 ~라고 불리는 애니메이션의 각 단계를 완료하십시오.

Answer 2

간단한 방법은 애니메이션이 시작하자마자 true으로 설정되는 전역 부울을 추가하는 것입니다. 그런 다음 애니메이션이 끝날 때 false으로 설정하는 콜백 함수를 애니메이션에 추가합니다.

var running = false; 

$('#start').click(function(){ 

    running = true; 

    $('#target').animate({opacity: 0.5},'slow',function(){ 

     running = false; 

    }); 

}); 

편집 : 오케스트라가 있습니다.

Answer 3

요소가 움직이는 경우 함수를 트리거해야하기 때문에. 아니 애니메이션의 onComplete. $(element).on(":animated", function(){ ... }); 이후

가 작동하지 않는 것, 내가 볼 수있는 유일한 방법은 매우 간단하게 당신이 당신의 애니메이션을 실행할 때 호출 할 함수를 실행하는 것입니다

$(selector).animate(. . .); 
functionToCall(); //called with animate above 

또 다른 해결책을, 당신은 애니메이션 시작을 처리하는 라이브러리를 만들 수도 있고 위에서 설명한 간단한 방식으로 애니메이션이 시작되면 필요한 함수를 호출하는 것도 처리 할 수 ​​있습니다.

그래서 그냥 psuedocode :

var animation = new MyAnimationLibrary(function() { $(selector).animate(...) }); 
animation.onStart.push(function() { 
    alert('animation starts'); 
}); 
//then later in the code: 
animation.start(); 

그런 다음 바로 위의 호출 배열 animation.onStart의 기능을하고 애니메이션을 트리거합니다.