jQuery 모바일 : 핀치 인/핀치 아웃시 글꼴 크기를 변경 하시겠습니까?

Question

저는 JQM과 함께 웹 문서 리더를 쓰고 있습니다. 그래서 내 뷰포트는, 읽을 때 내 사용자가 지속적으로 좌우 스크롤하고 싶지 않은 :

<META NAME='viewport' CONTENT='width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=1;' /> 

비록, 나는 차이로 인해 시각적 인 기술로, 변경 될 수 있습니다 글꼴 크기와 인식 사용자 환경 설정을 해요 .. . 그래서 멀티 터치 축소 작업 ("핀치 인")에서 글꼴 크기를 줄이고 멀티 터치 줌 동작 ("핀치 아웃")에서 글꼴 크기를 확대하는 것이 좋을 것이라고 생각했습니다 ...

가능합니까? JQM 옆에 외부 라이브러리가 필요합니까?

Answer 1

jQuery Mobile에서 가능하지만, hammer.js이라는 타사 구현을 사용해야합니다.

그것은 같은 제스처의 많은 지원

:

• 는
• 탭
• doubletap
• 드래그, 같은 dragstart, dragend, dragup, dragdown, dragleft을 누르고 있으면,
• 슬쩍 dragright, swipeup , swipedown, swipeleft, swiperight
• 변형, transformstart, 변형 끝
• 는
• 릴리스 (몸짓 검출은 종료)
• 터치 pinchout (제스처 검출 시작)
• 핀치 pinchin 회전

예 :

그것은 jQuery를 모바일 작동

$('#test_el').hammer().on("pinchin", ".nested_el", function(event) { 
    console.log(this, event); 
}); 

$('#test_el').hammer().on("pinchout", ".nested_el", function(event) { 
    console.log(this, event); 
}); 

, 그게 중요합니다. 그러나 플랫폼이 멀티 터치 이벤트를 지원하지 않기 때문에 다른 아이디어 나 적어도 Android 2.X 기기에 대한 또 다른 아이디어를 생각해야합니다.

Touchy과 같은 타사 구현도 있습니다. 불행히도, Touchy는 집기 만 지원합니다.