div에서 드래그 가능하게 만드는 방법

Question

두 div간에 요소를 드래그 할 수있게하려면 어떻게해야합니까? 이것은 draggables가해야하는 무언가 인 것을 보인다. 하지만 내가 가진 코드로는 할 수 없었습니다. 이 jsfiddle에는 draggable 요소가있는 div가 두 개 있습니다. 하나의 요소를 첫 번째 div에서 두 번째 div로 이동 시키려고합니다. 그 기능은 많은 웹 사이트에 존재해야합니다.

다음은 코드가있는 jsfiddle입니다.

http://jsfiddle.net/gkvgn/9/

나는 전에 물어 누군가가 그 기능을하는 방법을 알고 것이라고 생각했다. 내가 가지고있는 코드가 올바른 방법이 아니라면, 그 기능을 가질 수 있도록 요소와 draggable containment 옵션을 어떻게 정의 할 것인가?

Answer 1

마지막으로 문제가 발견되었습니다. 컨테이너 div에 overflow: hidden;을 지정하면 드래그 가능한 영역 만 컨테이너로 제한됩니다. 스타일에서 해당 사양을 제거하면. 요소는 div에서 드래그 할 수 있습니다. 수정 된 바이올린입니다.

http://jsfiddle.net/gkvgn/10/

Answer 2

여기에 대답했다 유사한 스택 오버플로 질문이있다 : jquery ui draggable elements not 'draggable' outside of scrolling div

나는 내 자신의 프로젝트에 위의 솔루션을 구현하고 아름답게했다.

봉쇄를 창이나 문서로 설정 한 경우 cross-div 끌기가 허용되어야한다는 데 동의합니다. div에 보관하고 싶은 콘텐츠의 양 때문에 숨겨진 상태를 유지하는 것이 오버 플로우를 선호한다고 생각합니다.