POMOTODO : 이슈해결(jquery touch punch 무반응)
2022. 1. 8. 11:09ㆍ프로그래밍/개인프로젝트
POMOTODO를 만들면서 작성한 코드를 복습하기 위해 작성하는 글입니다.
1. 문제 인식
jquery sortable이 컴퓨터에선 잘 작동하는데 모바일에서 작동이 안 됨
2. 문제 원인 분석
모바일에서 jquery-ui를 터치로도 사용 가능하게 도와주는 touch punch라이브러리를 cdn으로 첨부했지만 작동이 안 됐음
처음에는 touch punch 홈페이지를 가보니 서버가 막혔길래 지원 종료인가 보다 했는데
다른 분들 블로그를 모바일 환경에서 실행해보니 잘 작동해서 다시 원인 분석해본 결과,
두 번째 원인으로 jquery 및 jquery ui 버전 문제라고 생각했음
3. 문제 해결
다음과 같이 변경했고 모바일에서도 잘 작동되는 걸 확인했다
<!-- 제이쿼리, 제이쿼리ui-->
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
<!-- touch punch는 jquery ui 아래에 위치해야함 -->
'프로그래밍 > 개인프로젝트' 카테고리의 다른 글
| POMOTODO : issue (db조회 및 출력시 병목현상) (0) | 2022.01.09 |
|---|---|
| POMOTODO : 이슈 (setInterval inactive issue) (0) | 2022.01.08 |
| POMOTODO : 이슈 (jQuery sortable 범위인식문제) (0) | 2022.01.08 |
| POMOTODO : jQuery (ajax, sortable) (0) | 2022.01.06 |
| POMOTODO : DB (0) | 2022.01.05 |