모달을 draggable 한 다음 모달을 끄고 다시 키면 원래 자리로 돌아오게 하고싶습니다.

Question

draggable을 사용하여 모달을 움직인 다음 모달을 끄고 해당 모달을 또 키면 가운데로 다시 오게하고싶은데 어떤 방법을 쓰면 좋을까요? -모달 움직임$("#saveModal").draggable({ handle: ".modal-header" });-모달

등록 페이지

이부분에 코드를 더 추가해야하는건지... $('#saveModal').on('hide.bs.modal', function(e) {}

어버버버버 · Accepted Answer

https://api.jqueryui.com/draggable/여기에 보시면 revert 가 있습니다 draggable은 start, drag, stop 으로 해당 동작 이벤트에 콜백 함수 넣고 이벤트도 가능합니다. 아니면 start 때 $(this).data(&#34;어쩌구&#34;) 해서 초기 값을 저장하세요 x,y좌표 그리고 stop때 hide시키고 초기좌표 값으로 이동시키세요.그리고 얘랑 쌍으로 https://api.jqueryui.com/droppable/ droppable 도 있습니다. 이거로 특정위치에 드랍했을때 drop:function(){어쩌구} 해서 드랍했을때 이벤트 하셔도 되고요

모달을 draggable 한 다음 모달을 끄고 다시 키면 원래 자리로 돌아오게 하고싶습니다.

1개의 답변

Q&A 목록