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

 

 

글쓴이 하늘희

profile
てててててて
  • profile
    우워~~~~ 이건 강추!

    최근에 드래그로 동작하게 만든게 있는데 모바일에선 드래그가 안되서 터치로 동작하게 만들었는데.....
    진작 알았으면 좋았을껄요....
  • profile profile
    저도 이번에 만든 사이트에 sortable을 사용했는데 모바일에서 안돼서 ..ㅠㅠ

    고민하다가 구글링해서 찾았네요..!