다음 데모에 두 가지 기능을 독립적

Question

테스트를 실행 내가 문제를 보았다

DEMO : JSFiddle 첫 번째 이미지에 줄을 드래그하면, 또한 두 번째 이미지에 수행

(안 주요 문제, 그러나 어떻게 든 서로에게서 독립적 인 경우에 좋을 수있다).

하지만 주된 문제는 두 번째 이미지에 있습니다. 막대를 드래그하면 그 순간의 이전/이후 이미지를 업로드하지 않기 때문에 (첫 번째 예제처럼). 먼저 막대를 이동하고 버튼을 놓으면 이미지를 조절합니다.

예 이미지 (빨간색 오류) :

어떻게이 막대를 이동보다 같은 순간에 업로드 할 수 있을까?

반면에 완전히 새로운 스크립트를 만들지 않고도 독립적으로 수행 할 수 있습니다 (이 솔루션을 찾았지 만 분명히 최상의 결과는 아닙니다). 대한

var $dragMe = $(".dragme"); 

Answer 1

사용 jQuery.each 독립적 인 인스턴스를 생성 =]

JSFiddle : http://jsfiddle.net/JHVH5/2/이