div draggable이 재설정 후 작동하지 않습니다.

Question

내 페이지에 4 개의 div가 있습니다 (예 : div1, div2, div3, div4).

$("#div1").draggable(); 
$("#div2").draggable(); 
$("#div3").draggable(); 
$("#div4").draggable(); 

페이지가로드, 내가의 위치를 ​​캡처 한 처음 모든 div의 '같은 아래에 언급.

div1Position = $("#div1").position(); 
div2Position = $("#div2").position(); 
div3Position = $("#div3").position(); 
div3Position = $("#div4").position(); 

내 페이지에 재설정 버튼이 있습니다. 이 버튼을 클릭하면 모든 div의 위치가 원래 위치로 재설정됩니다.

$("#div1").css({ top: div1Position.top, left: div1Position.left, position: 'initial' }); 
$("#div2").css({ top: div2Position.top, left: div2Position.left, position: 'initial' }); 
$("#div3").css({ top: div3Position.top, left: div3Position.left, position: 'initial' }); 
$("#div4").css({ top: div4Position.top, left: div4Position.left, position: 'initial' }); 

여기까지 제대로 작동합니다. 하지만 리셋 후 모든 사업부는 더 이상 드래그 할 수 없습니다. 내가 잘못한 일이 있습니까?

Answer 1

재설정 버튼을 클릭 할 때 div as draggable을 다시 설정해야 할 수도 있습니다.

$("#div1").draggable(); 
$("#div2").draggable(); 
$("#div3").draggable(); 
$("#div4").draggable();