[javascript/jquery] jquery sortable event example / jquery 드래그 해서 순서 변경 완료 이벤트 감지 방법

[javascript/jquery] jquery sortable event example / jquery 드래그 해서 순서 변경 완료 이벤트 감지 방법

 

 

jquery 에서

 

요소를 드래그해서 위치를 변경하고자 할때

 

sortable 를 사용합니다.

 

그중에서

 

드래그해서 변경된 정렬 순서를 

 

디비에 적용해야 하는 경우가 있습니다.

 

그럴때는,

 

stop 이벤트를 사용하시면 됩니다.

 

$("#TARGET ID").sortable({
    stop: function(event, ui) { 
        alert("stop event");
    }
});

 

위 내용보시면 아시겠지만,

 

TAEGET ID 요소에 sortable 를 적용할때,

 

stop 이벤트를 같이 선언하면

 

드래그 하던 요소를 드랍했을때,

 

즉, 이동이 완료되서 내려놨을때

 

위 이벤트가 동작하게 됩니다!

 

참고들 하세요!