Swipe

Swipe Here

Swipe Support

Swipe It is a small plugin that enables the detection of left and right swipe gestures on touch devices.


Resource Files

Swipe It requires the following resource files:

Js
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tm.swipe.min.js"></script>

Swipe Usage

To call the Swipe It plugin on one or multiple elements the following call should be added before the closing body tag on document ready or added to an existing plugin.

Example
$( document ).ready( function(){
$( '.swipeable-content' ).swipe({
onSwipeEnd: function( 'swipe' ){
if( swipe === 'left' ){
//Code to be called on left swipe
}else{
//Code to be called on right swipe
}
}

});
});
Attribute Values Default Description
swipeThreshold integer 40 Distance in pixels before a swipe is registered
draggable boolean false Determines whether movement should be registered i.e making an element draggable
preventTouchOn string no default Classes or ids which touch should not be registered for. Useful for children or where touch conflicts with scrollable elements; listed as '.no-scroll, #no-touch'
Theme Mountain

Current Version