다른 요소를 드래그하여 요소 애니메이트

Question

여기 시나리오가 있습니다 : jquery draggable()을 사용하여 조이스틱을 구현하고 조이스틱의 y 좌표를 기준으로 div를 왼쪽 또는 오른쪽으로 이동합니다 (if y가 양수이면 오른쪽으로 이동하고, 그렇지 않으면 y가 음수이면 왼쪽으로 이동). 나는이 부분을 이미 마쳤지 만 나의 문제는 언제 애니메이션을 멈출 것인가이다.

예;

1. 조이스틱을 위아래로 드래그하여 잡고 있으면 div가 움직이지 않아야합니다. 조이스틱을 놓을 때만 멈춰야합니다. 내가 어떻게 이걸 얻을 수 있니?

   stop: function(){ $(div).stop() } //should stop animation

2. 하고 내가 어떻게 이벤트의 대기를 멈추지 :이 추가 시도했다?

제안 사항? 또는 내가 잘못한 곳을 지적 할 수있는 누군가? 감사. .clearQueue를 사용하는 당신이 필요합니다 http://jsfiddle.net/j3toxicat3d/cKd8k/2/

Answer 1

:

내가 여기에 바이올린을 만들었습니다.

stop: function(){ $(div).clearQueue() } 

각 드래그는 계속해서 더 많은 애니메이션을 대기열에 추가하기 때문에 계속해서 이동합니다. 속도에 대한 fast 키워드는 200ms이므로 더 길어질수록 stop은 현재 애니메이션을 중지하기 때문에 길어집니다.

UPDATE :

http://jsfiddle.net/cKd8k/3/

드래그 물건 외부 기능의 일부를 이동합니다.