Aggiungere le gestures a jQuery

Che stiate lavorando ad un progetto in Cordova, oppure ad una web app, potrebbero tornarvi utili le gestures: swipe, rotate, pinch…tutti eventi che normalmente non sarebbero intercettabili con il semplice jQuery.

Ebbene, ai nostri progetti ci viene incontro un bellissimo plugin di $, ossia JGestures ( che trovate qui:https://jgestures.codeplex.com/documentation ).

Bisogna solamente fare attenzione che il DOM sia stato caricato completamente, quindi bisognerà intercettare gli eventi solamente una volta .ready.

Nel nostro caso abbiamo impostato un test nella seguente maniera:

	$('#page_test').bind('swipeone','li',function(event, obj){
		console.log(event);
		console.log(obj);
		console.log('swipeone');
	});

All’interno del nostro elemento #page_test, abbiamo un UL e vari elementi LI: vogliamo che, scorrendo con il dito sull’elemento della lista, venga effettuata una azione specifica.

Considerate che swipeone è diverso da swipetwo (scorrimento di un dito o di due dita).

Ricordatevi di richiamare i due oggetti event e obj all’interno della funzione di callback, altrimenti non potrete usufruire di varie informazioni quali la durata, il punto di partenza, la lunghezza in pixel dello scorrimento, etc.

Fate sempre riferimento alla documentazione ufficiale…e buona navigazione da mobile!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *