2013-05-03 2 views
1

모바일 앱에 스 와이프 효과를 사용하려고합니다. 나는 테스트를했고 페이지를 바꾸려고 노력하고있다. 그러나 매우 민감합니다. 많은 시간을 나는 스크롤하기를 원하며 그는 페이지를 바꾼다.스 와이프 효과 민감도

이 이벤트에서 터치 스크린의 감도를 고정 할 수 있습니까?

$(document).on('swipeleft', '[data-role="page"]', function(event){  
    if(event.handled !== true) // This will prevent event triggering more then once 
    {  
     var nextpage = $(this).next('[data-role="page"]'); 
     // swipe using id of next page if exists 
     if (nextpage.length > 0) { 
      $.mobile.changePage(nextpage, {transition: "slide", reverse: false}, true, true); 
     } 
     event.handled = true; 
    } 
    return false;   
}); 

$(document).on('swiperight', '[data-role="page"]', function(event){ 
    if(event.handled !== true) // This will prevent event triggering more then once 
    {  
     var prevpage = $(this).prev('[data-role="page"]'); 
     if (prevpage.length > 0) { 
      $.mobile.changePage(prevpage, {transition: "slide", reverse: true}, true, true); 
     } 
     event.handled = true; 
    } 
    return false;    
}); 

답변

5

jQuery Mobile에서 수평 및 수직 끌기 거리 horizontalDistanceThresholdverticalDistanceThreshold에 대해 새 값을 설정해야합니다.

변경 사항을 mobileinit 이벤트에 바인드해야하며 jQuery js 파일을로드하고 jQuery-Mobile js를로드하기 전에 코드를 <head>에 배치해야합니다.

<script src="jquery.js"></script> 

<script> 
$(document).bind("mobileinit", function(){ 
$.event.special.swipe.horizontalDistanceThreshold = '100'; // default 30px 
$.event.special.swipe.verticalDistanceThreshold = '150'; // default 75px 
}); 
</script> 

<script src="jquery-mobile.js"></script> 

은 참조 : Swipe event - jQuery Mobile

2

$.swipe.defaults.threshold.x = '30'; //for horizontal swiping sensitivity 
$.swipe.defaults.threshold.y = '10'; //for vertical swiping sensitivity 

처럼 슬쩍 임계 값을 조정 당신의 응용 프로그램의 와이프의 글로벌 감도를 변경 한 후 평소 코드를 수행하는이 코드를 추가 : 여기

내 코드입니다 위 코드를

으로 변경하면 특정 요소의 감도가 직접 변경 될 수 있습니다.

+0

확인 .. 당신은 어떤 줄을 내가 삽입해야 말해 줄 수? thx에 대한 게시물 – user2232273

+0

슬쩍 수 없습니다 .. – user2232273

+0

다음 필요에 따라 임계 값 증가 –

관련 문제