Regolazione della distanza di un evento di scorrimento in jquery mobile

Question

È possibile regolare la distanza necessaria per attivare l'evento di scorrimento e, in caso affermativo, come è fatto ?.

Ecco il codice im parlando:

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

Answer 1

Sì, è possibile.

è necessario modificare queste proprietà:

• $.event.special.swipe.horizontalDistanceThreshold (default: 30px) - spostamento orizzontale Swipe deve essere più di questo.

• $.event.special.swipe.verticalDistanceThreshold (default: 75px) - Lo spostamento verticale del dispositivo di scorrimento deve essere inferiore a questo.

questo deve essere fatto durante l'evento mobileinit, in questo modo:

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

Un'ultima cosa. Se non avete mai lavorato con mobileinit, questo evento deve essere chiamato prima jQuery Mobile è inizializzato, in questo modo:

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

Date un'occhiata alla documentazione ufficiale here