用jQuery Mobile更改滑動敏感度

Question

我遇到了iPhone問題並滑動到其他頁面。當向下滾動頁面時，動作的敏感度很敏感，並會滑動到下一頁。有沒有一種方法來驗證碼內控制刷卡靈敏度：

<script type="text/javascript"> 
$(document).ready(function(){ 
    var counter = 1; 
    $(document).bind('swipeleft','#deal_1',function (event, ui) { 
    counter++; 
    if(counter>3) 
    counter = 1; 
    var nextpage = 'dailydeal'+counter+'.html'; 
    if (nextpage.length > 0) { 
     $.mobile.changePage(nextpage, {transition: "slide", 
     reverse: false}, true, true); 
     } 
    }); 
$(document).bind('swiperight','#deal_1',function (event, ui) { 
    counter--; 
    if(counter<1) 
    counter=3; 
    var prevpage = 'dailydeal'+counter+'.html'; 
    if (prevpage.length > 0) { 
     $.mobile.changePage(prevpage, {transition: "slide", 
     reverse: true}, true, true); 
    } 
    }); 
    }); 
</script> 

Answer 1

這似乎大部分工作：

<script type="text/javascript"> 
    $(document).bind("mobileinit", function() { 
    $.event.special.swipe.horizontalDistanceThreshold = 100; 
    }); 
</script> 

從我的理解horizo​​ntalDistanceThreshold設置爲默認爲30像素，所以我改變它到100.到目前爲止，它向下滾動時似乎平衡，並且不太敏感。

Answer 2

要調整這個響應到所有設備，我會建議設置相對於屏幕寬度的閾值。例如：

$.event.special.swipe.scrollSupressionThreshold = (screen.availWidth)/60; 
$.event.special.swipe.horizontalDistanceThreshold = (screen.availWidth)/60; 
$.event.special.swipe.verticalDistanceThreshold = (screen.availHeight)/13; 

見jQuery Mobile API Documentation