다른 div 안에있는 마우스를 사용하여 div를 이동 하시겠습니까?

Question

나는 div가 동적으로 다른 div를 만들었습니다. 동적으로 생성 된 div를 이동시켜 원하는 위치에 놓아야합니다. 도와주세요.

하나의 주전원을 보유하고 있습니다. 내가 동적으로 여러 divs를 사용하여 자바 스크립트를 사용하고 그것으로 child.I의 주요 div와 함께 추가하는 각 div에 드래그에 대한 주요 div 안에 동적으로 div를 이동해야합니다. 현재 선택한 div (동적으로 만든)의 ID를 얻을 수있다

Answer 1

jqueryUI의 draggable을 확인 했습니까? 당신은 당신이에 래퍼를 전달할 수 있습니다 드래그 움직임을 제약 조건하려면

당신이 당신의 페이지에 JQuery와 및 JQuery와 UI를로드 한 후

,이

$('div.inside').draggable(); 

같은 코드를 사용하여 모든 DOM 요소 드래그 할 수 있습니다 봉쇄 옵션이

$('div.inside').draggable({containment : 'div.outer'}); 

또는 같은 특정 그냥 같이 옵션에 부모를 전달하는 부모 DIV에 포함시킬 경우 :

$('div.inside').draggable({containment : 'parent'}); 

여기에 fiddle