개발자의 끄적끄적

[javascript/jquery] jquery sortable event example / jquery 드래그 해서 순서 변경 완료 이벤트 감지 방법 jquery 에서 요소를 드래그해서 위치를 변경하고자 할때 sortable 를 사용합니다. 그중에서 드래그해서 변경된 정렬 순서를 디비에 적용해야 하는 경우가 있습니다. 그럴때는, stop 이벤트를 사용하시면 됩니다. $("#TARGET ID").sortable({ stop: function(event, ui) { alert("stop event"); } }); 위 내용보시면 아시겠지만, TAEGET ID 요소에 sortable 를 적용할때, stop 이벤트를 같이 선언하면 드래그 하던 요소를 드랍했을때, 즉, 이동이 완료되서 내려놨을때 위 이벤트가 동작..

[javascript/jquery] jquery sortable example / jquery 드래그해서 순서 변경하는 방법 jquery 를 사용하다보면 li 리스트의 항목을 드래그해서 위치를 변경하고 싶은 경우가 있습니다! 그럴때는 jquery 의 sortable 를 이용하시면 됩니다! 우선 필요한 라이브러리를 로드합니다. 그리고 아래와 같은 category 라는 ul 이 있다고 가정하고 하부 li 요소들의 클래스에 아래 나와있는 ui-state-default 클래스를 추가합니다. 111 222 그리고는 category 라는 아이디를 가진 ul 에 아래와 같이 sortable 를 적용합니다. $(function() { $("#category").sortable(); $("#category").disab..