on swip...

Dispara un evento cuando se desplaza el dedo sobre el viewport.

Hay 8 eventos posibles:

  1. <viewport>.on('swipeleft', eventFnc): Izquierda derecha.
  2. <viewport>.on('swiperight', eventFnc): Derecha izquierda.
  3. <viewport>.on('swipeup', eventFnc): Arriba abajo.
  4. <viewport>.on('swipedown', eventFnc): Abajo arriba.
  5. <viewport>.on('swipeleftdiscover', eventFnc): Izquierda derecha.
  6. <viewport>.on('swiperightdiscover', eventFnc): Derecha izquierda .
  7. <viewport>.on('swipeupdiscover', eventFnc): Arriba abajo.
  8. <viewport>.on('swipedowndiscover', eventFnc): Abajo arriba.

Los eventos discover se disparan únicamente cuando se comienza sobre el borde, en forma de descubrimiento.

eventFnc: function(currentPageId, originalTarget, event, startX, startY, endX, endY)

 

Ejemplo rápido

//Desplazamiento descubriendo desde la derecha hacia la izquierda, produce un back
//siempre que no esté un panel abierto o se esté en la página inicial.
mui.viewport.on("swiperightdiscover", function(currentPageId, originalTarget, event, startX, startY, endX, endY) {
    if (!mui.viewport.panelIsOpen() && !currentPageId=='home') {
        mui.history.back();
    }
});

Destacados