모바일웹 sortable 적용안되는 문제 - touch-punch.js 추가해서 해결

jquery로 sortable 기능을 넣었는데,

pc에서는 되지만 모바일웹 환경에서는 sortable을 적용해도 움직이지 않았다.

검색해보니 모바일환경에서는 터치 인식때문에 sortable 드래그 처리를 못한것 같다.

이 문제는 touch-punch.js 만 추가해주니 해결되었다!

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

touch-punch.min.js 👇

참고한 글 👇

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

jquery-ui 플러그인에는 상당히 유용한 기능들이 많이 있습니다. 제가 가장 애용하는 기능은 바로 드래그 앤 드롭 이벤트입니다. 주로 정렬기능인 sortable() 을 사용하는데, 이게 모바일에서는 터치

xetown.com

jquery 텍스트에 있는 이모지 제거 (0)	2021.10.22
jquery - muuri.js (0)	2021.03.09
크롬 개발자 도구 (0)	2020.12.23
sweetAlert 두 번 띄울때 2번째 알럿 안뜨는 문제 - 확인 버튼 눌러도 닫히지 않게 설정해서 해결! (0)	2020.11.05
e.stopPropagation(); (0)	2020.10.22

ALL IS WELLL!!