Anpassen der Entfernung eines Swipe-Ereignisses in jquery mobile

Question

Ist es möglich, den Abstand einzustellen, der zum Auslösen des Swipe-Ereignisses erforderlich ist, und wenn ja, wie?

Hier spricht den Code im Thema:

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

Answer 1

Ja, es ist möglich.

Sie müssen diese Eigenschaften ändern:

• $.event.special.swipe.horizontalDistanceThreshold (default: 30px) - Swipe horizontale Verschiebung mehr als das sein muss.

• $.event.special.swipe.verticalDistanceThreshold (default: 75px) - Swipe vertikale Verschiebung muss kleiner sein.

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

  Eine letzte Sache:

Dies muss bei dem mobileinit Ereignisse, wie dies getan werden. Wenn Sie noch nie mit mobileinit, dieses Ereignis muss aufgerufen werden, bevor jQuery Mobile initialisiert wird, wie dies gearbeitet haben:

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

Werfen Sie einen Blick auf die offizielle Dokumentation here