Response title
This is preview!
Add swipe -up, -down to jquerymobile 1.0.1( my method );
in jQuery Mobile
•
11 years ago
Find and change code:
$.each( ( "touchstart touchmove touchend orientationchange throttledresize " +
"tap taphold swipe swipeleft swiperight scrollstart scrollstop" ).split( " " ), function( i, name ) {
...
});
to:
- $.each( ( "touchstart touchmove touchend orientationchange throttledresize " +
"tap taphold swipe swipeleft swiperight swipeup swipedown scrollstart scrollstop" ).split( " " ), function( i, name ) {
...
});
find target event handler:
- $.each({
scrollstop: "scrollstart",
taphold: "tap",
swipeleft: "swipe",
swiperight: "swipe"
}, function( event, sourceEvent ) {
$.event.special[ event ] = {
setup: function() {
$( this ).bind( sourceEvent, $.noop );
}
};
});
and change to:
- $.each({
scrollstop: "scrollstart",
taphold: "tap",
swipeleft: "swipe",
swiperight: "swipe",
swipeup: "swipe",
swipedown: "swipe"
}, function( event, sourceEvent ) {
$.event.special[ event ] = {
setup: function() {
$( this ).bind( sourceEvent, $.noop );
}
};
});
find handle event swipe:
- $.event.special.swipe = { ...
and change this code:
- $this.bind( touchMoveEvent, moveHandler )
.one( touchStopEvent, function( event ) {
$this.unbind( touchMoveEvent, moveHandler );
if ( start && stop ) {
if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {
start.origin.trigger( "swipe" )
.trigger( start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight" );
}
}
start = stop = undefined;
});
To:
$this.bind( touchMoveEvent, moveHandler )
.one( touchStopEvent, function( event ) {
$this.unbind( touchMoveEvent, moveHandler );
var x = Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ),
y = Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ),
callback = '';
if ( start && stop ) {
if ( stop.time - start.time < $.event.special.swipe.durationThreshold ) {
if( x > 30 && y < 75 ) {
callback = start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight";
} else if( x < 75 && y > 30 ) {
callback = start.coords[1] > stop.coords[1] ? "swipeup" : "swipedown";
}
}
};
if(callback) start.origin.trigger( "swipe" ).trigger( callback );start = stop = undefined;
});
Check with event:
- .bind('swipeup');
.swipedown();
.live('swipeup');
...
1
