[javascript/jquery] jquery draggable mobile example / jquery draggable 모바일 설정 방법

[javascript/jquery] jquery draggable mobile example / jquery draggable 모바일 설정 방법

 

 

jquery 를 이용해서

 

특정 div 가 드래그 가능하도록 설정을 하려면

 

draggable 라이브러리를 사용합니다.

 

하지만 모바일에서는 정상적으로 동작하지 않는데요,

 

그럴때는

 

jquery.ui.touch-punch.min.js 라는것을 추가로 로드시켜주어야 합니다.

 

jquery ui 로드가 끝난 다음에

 

바로 아래 스크립트를 로드시켜주시면

 

정상적으로 동작하실 겁니다!

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>

 

참고들 하세요!