2013-07-30 6 views
1

게임 타이밍에 문제가 있습니다. 시작 버튼을 처음 클릭하거나 사용자가 버튼을 다시 클릭하기 전에 충분히 기다렸을 때 모든 것이 작동합니다.setTimeout 큐 타이밍 문제

그렇지 않으면 오디오가 재생되지만 회전 전환은 발생하지 않습니다. 회전 전환은 transit.js를 사용하여 만듭니다.

tock 루프가 끝날 때 clearQueue를 사용하고 재설정 버튼을 사용해 보았지만 효과가 없습니다.

다음을 달성하려고합니다. 시작 또는 재설정 버튼을 클릭 할 때 모든 애니메이션 대기열이 지워집니다. 당신이 사용

My code

+2

작동합니다 http://code.google.com/p/jqueryrotate/

을 사용 아마 당신을 더 잘 도울 것입니다. –

+0

예 일부 코드는 좋지만 jquery 애니메이션을 사용하는 경우 $ (elementId) .stop() – Raver0124

+0

사과를 사용할 수도 있습니다. Now added – otherDewi

답변

1

transit.js는 CSS3 애니메이션이다. 그 이유는 clearQueue를 호출 할 때 애니메이션을 멈추지 않기 때문입니다. clearQueue는 jQuery 애니메이션 만 지 웁니다.

css3을 중지하려면 다음과 같이해야 할 수 있습니다. 상황에 따라하지만 난이해야 할 일을 많이가 IE를 지원해야하기 때문에 나는, 아직 CSS3 애니메이션의 큰 팬이 아니에요

$('#drive, .wheel').css("-webkit-transform", "none"); 
$('#drive, .wheel').css("-moz-transform", "none"); 
$('#drive, .wheel').css("-ms-transform", "none"); 
$('#drive, .wheel').css("transform", "none"); 

. (css3은 IE9 또는 이전 버전에서는 작동하지 않습니다). 당신은 몇 가지 샘플 코드를 게시 할 수있는 경우 지금 당신은 그냥 싶어 회전하면, 나는 다음 우리가 할 수있는, 다음

$(element).stop() 

$(element).clearQueue() 

+0

당신의 대답은 당신의 의견에 당신이 제안한 것이 더 우아한 방법 인 것 같지만 그것을 잘라내어 붙이기 만하면됩니다. 링크 주셔서 감사합니다 IE9에서 캔버스와 함께 또 다른 문제를 해결해야합니다. – otherDewi