개발자의 끄적끄적

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

개발/javascript & jquery

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

효벨 2021. 11. 24. 02:00
728x90
반응형

[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>

 

참고들 하세요!

반응형
저작자표시 비영리 변경금지 (새창열림)

'개발 > javascript & jquery' 카테고리의 다른 글

[javascript/jquery] 자바스크립트 함수 파라미터 기본값 설정 방법  (0) 2021.11.25
[javascript/jquery] jquery children example / jquery 자식요소 찾는 방법  (0) 2021.11.25
[javascript/jquery] jquery draggable 라이브러리 [링크]  (0) 2021.11.22
[javascript/jquery] javascript scrollIntoView example / 자바스크립트 스크롤을 특정 영역으로 이동 시키는 방법  (0) 2021.11.19
[javascript/jquery] javascript window.onload example / 자바스크립트 window.onload 사용법  (0) 2021.11.19
'개발/javascript & jquery' Related Articles more
Comments