jQuery UI Touch Punch ( feat: jquery-ui 기능에 터치를 인식 )

jquery-ui 플러그인에는 상당히 유용한 기능들이 많이 있습니다.

제가 가장 애용하는 기능은 바로 드래그 앤 드롭 이벤트입니다.

주로 정렬기능인 sortable() 을 사용하는데,

이게 모바일에서는 터치이기 때문에 인식이 안되는 아쉬움이 있습니다.......

그걸 바로 한번에 해결해주는 플러그인입니다.!

사용 방법은 매우 간단,

바로 jQuery UI Touch Punch을 로드만 하면 됩니다. (물론 jquery-ui 다음에~)

<script src="jquery.ui.touch-punch.min.js"></script>

그럼 바로 적용됩니다!

기존에 draggable()이라든지 sortable, droppable, slider 등등 jquery-ui에 확장하여 터치에도 문제없이 이벤트를 인식하여 사용이 가능합니다.

jquery-ui의 모바일 이슈  jQuery UI Touch Punch로 해결하세요!

다운로드

minify version

https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.min.js

full version

https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.js

공식사이트

http://touchpunch.furf.com/

단, XE CORE의 resize_image 애드온 사용시 충돌로 인해 작동이 안됩니다.

참고 https://xetown.com/alley/104030