調整jquery mobile中的滑動事件的距離

Question

是否可以調整觸發滑動事件所需的距離，如果是這樣，它是如何完成的？

下面的代碼即時通訊談論：

$('.page2').bind('swiperight', function(event, ui){ 
    $.mobile.changePage(
     $('.page1'), 
     { 
      allowSamePageTransition: true, 
      transition: 'slide', 
      reverse: 'true', 
      showLoadMsg: false,      
      reloadPage: true, 
     } 
    ); 
    return false; 
}); 

Answer 1

是的，這是可能的。

您需要修改這些屬性：

• $.event.special.swipe.horizontalDistanceThreshold (default: 30px) - 刷卡水平位移必須比這個多。

• $.event.special.swipe.verticalDistanceThreshold (default: 75px) - 滑動垂直位移必須小於此值。

這必須在mobileinit事件過程中完成，像這樣：

$(document).bind("mobileinit", function(){ 
    $.event.special.swipe.horizontalDistanceThreshold (default: 30px); 
    $.event.special.swipe.verticalDistanceThreshold (default: 75px); 
}); 

最後一件事。如果你從來沒有與mobileinit工作，jQuery Mobile的初始化之前必須調用此事件，像這樣：

<script src="jquery.js"></script> 
<script> 
    $(document).bind("mobileinit", function(){ 
     $.event.special.swipe.horizontalDistanceThreshold (default: 30px); 
     $.event.special.swipe.verticalDistanceThreshold (default: 75px); 
    }); 
</script> 
<script src="jquery-mobile.js"></script> 

在官方文檔here