1082 lines
29 KiB
JavaScript
1082 lines
29 KiB
JavaScript
![]() |
/*
|
||
|
* jQuery Mobile v1.3.2
|
||
|
* http://jquerymobile.com
|
||
|
*
|
||
|
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
|
||
|
* Released under the MIT license.
|
||
|
* http://jquery.org/license
|
||
|
*
|
||
|
*/
|
||
|
|
||
|
(function ( root, doc, factory ) {
|
||
|
if ( typeof define === "function" && define.amd ) {
|
||
|
// AMD. Register as an anonymous module.
|
||
|
define( [ "jquery" ], function ( $ ) {
|
||
|
factory( $, root, doc );
|
||
|
return $.mobile;
|
||
|
});
|
||
|
} else {
|
||
|
// Browser globals
|
||
|
factory( root.jQuery, root, doc );
|
||
|
}
|
||
|
}( this, document, function ( jQuery, window, document, undefined ) {
|
||
|
// This plugin is an experiment for abstracting away the touch and mouse
|
||
|
// events so that developers don't have to worry about which method of input
|
||
|
// the device their document is loaded on supports.
|
||
|
//
|
||
|
// The idea here is to allow the developer to register listeners for the
|
||
|
// basic mouse events, such as mousedown, mousemove, mouseup, and click,
|
||
|
// and the plugin will take care of registering the correct listeners
|
||
|
// behind the scenes to invoke the listener at the fastest possible time
|
||
|
// for that device, while still retaining the order of event firing in
|
||
|
// the traditional mouse environment, should multiple handlers be registered
|
||
|
// on the same element for different events.
|
||
|
//
|
||
|
// The current version exposes the following virtual events to jQuery bind methods:
|
||
|
// "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel"
|
||
|
|
||
|
(function( $, window, document, undefined ) {
|
||
|
|
||
|
var dataPropertyName = "virtualMouseBindings",
|
||
|
touchTargetPropertyName = "virtualTouchID",
|
||
|
virtualEventNames = "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split( " " ),
|
||
|
touchEventProps = "clientX clientY pageX pageY screenX screenY".split( " " ),
|
||
|
mouseHookProps = $.event.mouseHooks ? $.event.mouseHooks.props : [],
|
||
|
mouseEventProps = $.event.props.concat( mouseHookProps ),
|
||
|
activeDocHandlers = {},
|
||
|
resetTimerID = 0,
|
||
|
startX = 0,
|
||
|
startY = 0,
|
||
|
didScroll = false,
|
||
|
clickBlockList = [],
|
||
|
blockMouseTriggers = false,
|
||
|
blockTouchTriggers = false,
|
||
|
eventCaptureSupported = "addEventListener" in document,
|
||
|
$document = $( document ),
|
||
|
nextTouchID = 1,
|
||
|
lastTouchID = 0, threshold;
|
||
|
|
||
|
$.vmouse = {
|
||
|
moveDistanceThreshold: 10,
|
||
|
clickDistanceThreshold: 10,
|
||
|
resetTimerDuration: 1500
|
||
|
};
|
||
|
|
||
|
function getNativeEvent( event ) {
|
||
|
|
||
|
while ( event && typeof event.originalEvent !== "undefined" ) {
|
||
|
event = event.originalEvent;
|
||
|
}
|
||
|
return event;
|
||
|
}
|
||
|
|
||
|
function createVirtualEvent( event, eventType ) {
|
||
|
|
||
|
var t = event.type,
|
||
|
oe, props, ne, prop, ct, touch, i, j, len;
|
||
|
|
||
|
event = $.Event( event );
|
||
|
event.type = eventType;
|
||
|
|
||
|
oe = event.originalEvent;
|
||
|
props = $.event.props;
|
||
|
|
||
|
// addresses separation of $.event.props in to $.event.mouseHook.props and Issue 3280
|
||
|
// https://github.com/jquery/jquery-mobile/issues/3280
|
||
|
if ( t.search( /^(mouse|click)/ ) > -1 ) {
|
||
|
props = mouseEventProps;
|
||
|
}
|
||
|
|
||
|
// copy original event properties over to the new event
|
||
|
// this would happen if we could call $.event.fix instead of $.Event
|
||
|
// but we don't have a way to force an event to be fixed multiple times
|
||
|
if ( oe ) {
|
||
|
for ( i = props.length, prop; i; ) {
|
||
|
prop = props[ --i ];
|
||
|
event[ prop ] = oe[ prop ];
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// make sure that if the mouse and click virtual events are generated
|
||
|
// without a .which one is defined
|
||
|
if ( t.search(/mouse(down|up)|click/) > -1 && !event.which ) {
|
||
|
event.which = 1;
|
||
|
}
|
||
|
|
||
|
if ( t.search(/^touch/) !== -1 ) {
|
||
|
ne = getNativeEvent( oe );
|
||
|
t = ne.touches;
|
||
|
ct = ne.changedTouches;
|
||
|
touch = ( t && t.length ) ? t[0] : ( ( ct && ct.length ) ? ct[ 0 ] : undefined );
|
||
|
|
||
|
if ( touch ) {
|
||
|
for ( j = 0, len = touchEventProps.length; j < len; j++) {
|
||
|
prop = touchEventProps[ j ];
|
||
|
event[ prop ] = touch[ prop ];
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return event;
|
||
|
}
|
||
|
|
||
|
function getVirtualBindingFlags( element ) {
|
||
|
|
||
|
var flags = {},
|
||
|
b, k;
|
||
|
|
||
|
while ( element ) {
|
||
|
|
||
|
b = $.data( element, dataPropertyName );
|
||
|
|
||
|
for ( k in b ) {
|
||
|
if ( b[ k ] ) {
|
||
|
flags[ k ] = flags.hasVirtualBinding = true;
|
||
|
}
|
||
|
}
|
||
|
element = element.parentNode;
|
||
|
}
|
||
|
return flags;
|
||
|
}
|
||
|
|
||
|
function getClosestElementWithVirtualBinding( element, eventType ) {
|
||
|
var b;
|
||
|
while ( element ) {
|
||
|
|
||
|
b = $.data( element, dataPropertyName );
|
||
|
|
||
|
if ( b && ( !eventType || b[ eventType ] ) ) {
|
||
|
return element;
|
||
|
}
|
||
|
element = element.parentNode;
|
||
|
}
|
||
|
return null;
|
||
|
}
|
||
|
|
||
|
function enableTouchBindings() {
|
||
|
blockTouchTriggers = false;
|
||
|
}
|
||
|
|
||
|
function disableTouchBindings() {
|
||
|
blockTouchTriggers = true;
|
||
|
}
|
||
|
|
||
|
function enableMouseBindings() {
|
||
|
lastTouchID = 0;
|
||
|
clickBlockList.length = 0;
|
||
|
blockMouseTriggers = false;
|
||
|
|
||
|
// When mouse bindings are enabled, our
|
||
|
// touch bindings are disabled.
|
||
|
disableTouchBindings();
|
||
|
}
|
||
|
|
||
|
function disableMouseBindings() {
|
||
|
// When mouse bindings are disabled, our
|
||
|
// touch bindings are enabled.
|
||
|
enableTouchBindings();
|
||
|
}
|
||
|
|
||
|
function startResetTimer() {
|
||
|
clearResetTimer();
|
||
|
resetTimerID = setTimeout( function() {
|
||
|
resetTimerID = 0;
|
||
|
enableMouseBindings();
|
||
|
}, $.vmouse.resetTimerDuration );
|
||
|
}
|
||
|
|
||
|
function clearResetTimer() {
|
||
|
if ( resetTimerID ) {
|
||
|
clearTimeout( resetTimerID );
|
||
|
resetTimerID = 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function triggerVirtualEvent( eventType, event, flags ) {
|
||
|
var ve;
|
||
|
|
||
|
if ( ( flags && flags[ eventType ] ) ||
|
||
|
( !flags && getClosestElementWithVirtualBinding( event.target, eventType ) ) ) {
|
||
|
|
||
|
ve = createVirtualEvent( event, eventType );
|
||
|
|
||
|
$( event.target).trigger( ve );
|
||
|
}
|
||
|
|
||
|
return ve;
|
||
|
}
|
||
|
|
||
|
function mouseEventCallback( event ) {
|
||
|
var touchID = $.data( event.target, touchTargetPropertyName );
|
||
|
|
||
|
if ( !blockMouseTriggers && ( !lastTouchID || lastTouchID !== touchID ) ) {
|
||
|
var ve = triggerVirtualEvent( "v" + event.type, event );
|
||
|
if ( ve ) {
|
||
|
if ( ve.isDefaultPrevented() ) {
|
||
|
event.preventDefault();
|
||
|
}
|
||
|
if ( ve.isPropagationStopped() ) {
|
||
|
event.stopPropagation();
|
||
|
}
|
||
|
if ( ve.isImmediatePropagationStopped() ) {
|
||
|
event.stopImmediatePropagation();
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function handleTouchStart( event ) {
|
||
|
|
||
|
var touches = getNativeEvent( event ).touches,
|
||
|
target, flags;
|
||
|
|
||
|
if ( touches && touches.length === 1 ) {
|
||
|
|
||
|
target = event.target;
|
||
|
flags = getVirtualBindingFlags( target );
|
||
|
|
||
|
if ( flags.hasVirtualBinding ) {
|
||
|
|
||
|
lastTouchID = nextTouchID++;
|
||
|
$.data( target, touchTargetPropertyName, lastTouchID );
|
||
|
|
||
|
clearResetTimer();
|
||
|
|
||
|
disableMouseBindings();
|
||
|
didScroll = false;
|
||
|
|
||
|
var t = getNativeEvent( event ).touches[ 0 ];
|
||
|
startX = t.pageX;
|
||
|
startY = t.pageY;
|
||
|
|
||
|
triggerVirtualEvent( "vmouseover", event, flags );
|
||
|
triggerVirtualEvent( "vmousedown", event, flags );
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function handleScroll( event ) {
|
||
|
if ( blockTouchTriggers ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if ( !didScroll ) {
|
||
|
triggerVirtualEvent( "vmousecancel", event, getVirtualBindingFlags( event.target ) );
|
||
|
}
|
||
|
|
||
|
didScroll = true;
|
||
|
startResetTimer();
|
||
|
}
|
||
|
|
||
|
function handleTouchMove( event ) {
|
||
|
if ( blockTouchTriggers ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
var t = getNativeEvent( event ).touches[ 0 ],
|
||
|
didCancel = didScroll,
|
||
|
moveThreshold = $.vmouse.moveDistanceThreshold,
|
||
|
flags = getVirtualBindingFlags( event.target );
|
||
|
|
||
|
didScroll = didScroll ||
|
||
|
( Math.abs( t.pageX - startX ) > moveThreshold ||
|
||
|
Math.abs( t.pageY - startY ) > moveThreshold );
|
||
|
|
||
|
|
||
|
if ( didScroll && !didCancel ) {
|
||
|
triggerVirtualEvent( "vmousecancel", event, flags );
|
||
|
}
|
||
|
|
||
|
triggerVirtualEvent( "vmousemove", event, flags );
|
||
|
startResetTimer();
|
||
|
}
|
||
|
|
||
|
function handleTouchEnd( event ) {
|
||
|
if ( blockTouchTriggers ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
disableTouchBindings();
|
||
|
|
||
|
var flags = getVirtualBindingFlags( event.target ),
|
||
|
t;
|
||
|
triggerVirtualEvent( "vmouseup", event, flags );
|
||
|
|
||
|
if ( !didScroll ) {
|
||
|
var ve = triggerVirtualEvent( "vclick", event, flags );
|
||
|
if ( ve && ve.isDefaultPrevented() ) {
|
||
|
// The target of the mouse events that follow the touchend
|
||
|
// event don't necessarily match the target used during the
|
||
|
// touch. This means we need to rely on coordinates for blocking
|
||
|
// any click that is generated.
|
||
|
t = getNativeEvent( event ).changedTouches[ 0 ];
|
||
|
clickBlockList.push({
|
||
|
touchID: lastTouchID,
|
||
|
x: t.clientX,
|
||
|
y: t.clientY
|
||
|
});
|
||
|
|
||
|
// Prevent any mouse events that follow from triggering
|
||
|
// virtual event notifications.
|
||
|
blockMouseTriggers = true;
|
||
|
}
|
||
|
}
|
||
|
triggerVirtualEvent( "vmouseout", event, flags);
|
||
|
didScroll = false;
|
||
|
|
||
|
startResetTimer();
|
||
|
}
|
||
|
|
||
|
function hasVirtualBindings( ele ) {
|
||
|
var bindings = $.data( ele, dataPropertyName ),
|
||
|
k;
|
||
|
|
||
|
if ( bindings ) {
|
||
|
for ( k in bindings ) {
|
||
|
if ( bindings[ k ] ) {
|
||
|
return true;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
function dummyMouseHandler() {}
|
||
|
|
||
|
function getSpecialEventObject( eventType ) {
|
||
|
var realType = eventType.substr( 1 );
|
||
|
|
||
|
return {
|
||
|
setup: function( data, namespace ) {
|
||
|
// If this is the first virtual mouse binding for this element,
|
||
|
// add a bindings object to its data.
|
||
|
|
||
|
if ( !hasVirtualBindings( this ) ) {
|
||
|
$.data( this, dataPropertyName, {} );
|
||
|
}
|
||
|
|
||
|
// If setup is called, we know it is the first binding for this
|
||
|
// eventType, so initialize the count for the eventType to zero.
|
||
|
var bindings = $.data( this, dataPropertyName );
|
||
|
bindings[ eventType ] = true;
|
||
|
|
||
|
// If this is the first virtual mouse event for this type,
|
||
|
// register a global handler on the document.
|
||
|
|
||
|
activeDocHandlers[ eventType ] = ( activeDocHandlers[ eventType ] || 0 ) + 1;
|
||
|
|
||
|
if ( activeDocHandlers[ eventType ] === 1 ) {
|
||
|
$document.bind( realType, mouseEventCallback );
|
||
|
}
|
||
|
|
||
|
// Some browsers, like Opera Mini, won't dispatch mouse/click events
|
||
|
// for elements unless they actually have handlers registered on them.
|
||
|
// To get around this, we register dummy handlers on the elements.
|
||
|
|
||
|
$( this ).bind( realType, dummyMouseHandler );
|
||
|
|
||
|
// For now, if event capture is not supported, we rely on mouse handlers.
|
||
|
if ( eventCaptureSupported ) {
|
||
|
// If this is the first virtual mouse binding for the document,
|
||
|
// register our touchstart handler on the document.
|
||
|
|
||
|
activeDocHandlers[ "touchstart" ] = ( activeDocHandlers[ "touchstart" ] || 0) + 1;
|
||
|
|
||
|
if ( activeDocHandlers[ "touchstart" ] === 1 ) {
|
||
|
$document.bind( "touchstart", handleTouchStart )
|
||
|
.bind( "touchend", handleTouchEnd )
|
||
|
|
||
|
// On touch platforms, touching the screen and then dragging your finger
|
||
|
// causes the window content to scroll after some distance threshold is
|
||
|
// exceeded. On these platforms, a scroll prevents a click event from being
|
||
|
// dispatched, and on some platforms, even the touchend is suppressed. To
|
||
|
// mimic the suppression of the click event, we need to watch for a scroll
|
||
|
// event. Unfortunately, some platforms like iOS don't dispatch scroll
|
||
|
// events until *AFTER* the user lifts their finger (touchend). This means
|
||
|
// we need to watch both scroll and touchmove events to figure out whether
|
||
|
// or not a scroll happenens before the touchend event is fired.
|
||
|
|
||
|
.bind( "touchmove", handleTouchMove )
|
||
|
.bind( "scroll", handleScroll );
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
|
||
|
teardown: function( data, namespace ) {
|
||
|
// If this is the last virtual binding for this eventType,
|
||
|
// remove its global handler from the document.
|
||
|
|
||
|
--activeDocHandlers[ eventType ];
|
||
|
|
||
|
if ( !activeDocHandlers[ eventType ] ) {
|
||
|
$document.unbind( realType, mouseEventCallback );
|
||
|
}
|
||
|
|
||
|
if ( eventCaptureSupported ) {
|
||
|
// If this is the last virtual mouse binding in existence,
|
||
|
// remove our document touchstart listener.
|
||
|
|
||
|
--activeDocHandlers[ "touchstart" ];
|
||
|
|
||
|
if ( !activeDocHandlers[ "touchstart" ] ) {
|
||
|
$document.unbind( "touchstart", handleTouchStart )
|
||
|
.unbind( "touchmove", handleTouchMove )
|
||
|
.unbind( "touchend", handleTouchEnd )
|
||
|
.unbind( "scroll", handleScroll );
|
||
|
}
|
||
|
}
|
||
|
|
||
|
var $this = $( this ),
|
||
|
bindings = $.data( this, dataPropertyName );
|
||
|
|
||
|
// teardown may be called when an element was
|
||
|
// removed from the DOM. If this is the case,
|
||
|
// jQuery core may have already stripped the element
|
||
|
// of any data bindings so we need to check it before
|
||
|
// using it.
|
||
|
if ( bindings ) {
|
||
|
bindings[ eventType ] = false;
|
||
|
}
|
||
|
|
||
|
// Unregister the dummy event handler.
|
||
|
|
||
|
$this.unbind( realType, dummyMouseHandler );
|
||
|
|
||
|
// If this is the last virtual mouse binding on the
|
||
|
// element, remove the binding data from the element.
|
||
|
|
||
|
if ( !hasVirtualBindings( this ) ) {
|
||
|
$this.removeData( dataPropertyName );
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
}
|
||
|
|
||
|
// Expose our custom events to the jQuery bind/unbind mechanism.
|
||
|
|
||
|
for ( var i = 0; i < virtualEventNames.length; i++ ) {
|
||
|
$.event.special[ virtualEventNames[ i ] ] = getSpecialEventObject( virtualEventNames[ i ] );
|
||
|
}
|
||
|
|
||
|
// Add a capture click handler to block clicks.
|
||
|
// Note that we require event capture support for this so if the device
|
||
|
// doesn't support it, we punt for now and rely solely on mouse events.
|
||
|
if ( eventCaptureSupported ) {
|
||
|
document.addEventListener( "click", function( e ) {
|
||
|
var cnt = clickBlockList.length,
|
||
|
target = e.target,
|
||
|
x, y, ele, i, o, touchID;
|
||
|
|
||
|
if ( cnt ) {
|
||
|
x = e.clientX;
|
||
|
y = e.clientY;
|
||
|
threshold = $.vmouse.clickDistanceThreshold;
|
||
|
|
||
|
// The idea here is to run through the clickBlockList to see if
|
||
|
// the current click event is in the proximity of one of our
|
||
|
// vclick events that had preventDefault() called on it. If we find
|
||
|
// one, then we block the click.
|
||
|
//
|
||
|
// Why do we have to rely on proximity?
|
||
|
//
|
||
|
// Because the target of the touch event that triggered the vclick
|
||
|
// can be different from the target of the click event synthesized
|
||
|
// by the browser. The target of a mouse/click event that is syntehsized
|
||
|
// from a touch event seems to be implementation specific. For example,
|
||
|
// some browsers will fire mouse/click events for a link that is near
|
||
|
// a touch event, even though the target of the touchstart/touchend event
|
||
|
// says the user touched outside the link. Also, it seems that with most
|
||
|
// browsers, the target of the mouse/click event is not calculated until the
|
||
|
// time it is dispatched, so if you replace an element that you touched
|
||
|
// with another element, the target of the mouse/click will be the new
|
||
|
// element underneath that point.
|
||
|
//
|
||
|
// Aside from proximity, we also check to see if the target and any
|
||
|
// of its ancestors were the ones that blocked a click. This is necessary
|
||
|
// because of the strange mouse/click target calculation done in the
|
||
|
// Android 2.1 browser, where if you click on an element, and there is a
|
||
|
// mouse/click handler on one of its ancestors, the target will be the
|
||
|
// innermost child of the touched element, even if that child is no where
|
||
|
// near the point of touch.
|
||
|
|
||
|
ele = target;
|
||
|
|
||
|
while ( ele ) {
|
||
|
for ( i = 0; i < cnt; i++ ) {
|
||
|
o = clickBlockList[ i ];
|
||
|
touchID = 0;
|
||
|
|
||
|
if ( ( ele === target && Math.abs( o.x - x ) < threshold && Math.abs( o.y - y ) < threshold ) ||
|
||
|
$.data( ele, touchTargetPropertyName ) === o.touchID ) {
|
||
|
// XXX: We may want to consider removing matches from the block list
|
||
|
// instead of waiting for the reset timer to fire.
|
||
|
e.preventDefault();
|
||
|
e.stopPropagation();
|
||
|
return;
|
||
|
}
|
||
|
}
|
||
|
ele = ele.parentNode;
|
||
|
}
|
||
|
}
|
||
|
}, true);
|
||
|
}
|
||
|
})( jQuery, window, document );
|
||
|
|
||
|
(function( $ ) {
|
||
|
$.mobile = {};
|
||
|
}( jQuery ));
|
||
|
(function( $, undefined ) {
|
||
|
var support = {
|
||
|
touch: "ontouchend" in document
|
||
|
};
|
||
|
|
||
|
$.mobile.support = $.mobile.support || {};
|
||
|
$.extend( $.support, support );
|
||
|
$.extend( $.mobile.support, support );
|
||
|
}( jQuery ));
|
||
|
|
||
|
|
||
|
(function( $, window, undefined ) {
|
||
|
var $document = $( document );
|
||
|
|
||
|
// add new event shortcuts
|
||
|
$.each( ( "touchstart touchmove touchend " +
|
||
|
"tap taphold " +
|
||
|
"swipe swipeleft swiperight " +
|
||
|
"scrollstart scrollstop" ).split( " " ), function( i, name ) {
|
||
|
|
||
|
$.fn[ name ] = function( fn ) {
|
||
|
return fn ? this.bind( name, fn ) : this.trigger( name );
|
||
|
};
|
||
|
|
||
|
// jQuery < 1.8
|
||
|
if ( $.attrFn ) {
|
||
|
$.attrFn[ name ] = true;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
var supportTouch = $.mobile.support.touch,
|
||
|
scrollEvent = "touchmove scroll",
|
||
|
touchStartEvent = supportTouch ? "touchstart" : "mousedown",
|
||
|
touchStopEvent = supportTouch ? "touchend" : "mouseup",
|
||
|
touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
|
||
|
|
||
|
function triggerCustomEvent( obj, eventType, event ) {
|
||
|
var originalType = event.type;
|
||
|
event.type = eventType;
|
||
|
$.event.dispatch.call( obj, event );
|
||
|
event.type = originalType;
|
||
|
}
|
||
|
|
||
|
// also handles scrollstop
|
||
|
$.event.special.scrollstart = {
|
||
|
|
||
|
enabled: true,
|
||
|
|
||
|
setup: function() {
|
||
|
|
||
|
var thisObject = this,
|
||
|
$this = $( thisObject ),
|
||
|
scrolling,
|
||
|
timer;
|
||
|
|
||
|
function trigger( event, state ) {
|
||
|
scrolling = state;
|
||
|
triggerCustomEvent( thisObject, scrolling ? "scrollstart" : "scrollstop", event );
|
||
|
}
|
||
|
|
||
|
// iPhone triggers scroll after a small delay; use touchmove instead
|
||
|
$this.bind( scrollEvent, function( event ) {
|
||
|
|
||
|
if ( !$.event.special.scrollstart.enabled ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if ( !scrolling ) {
|
||
|
trigger( event, true );
|
||
|
}
|
||
|
|
||
|
clearTimeout( timer );
|
||
|
timer = setTimeout( function() {
|
||
|
trigger( event, false );
|
||
|
}, 50 );
|
||
|
});
|
||
|
}
|
||
|
};
|
||
|
|
||
|
// also handles taphold
|
||
|
$.event.special.tap = {
|
||
|
tapholdThreshold: 750,
|
||
|
|
||
|
setup: function() {
|
||
|
var thisObject = this,
|
||
|
$this = $( thisObject );
|
||
|
|
||
|
$this.bind( "vmousedown", function( event ) {
|
||
|
|
||
|
if ( event.which && event.which !== 1 ) {
|
||
|
return false;
|
||
|
}
|
||
|
|
||
|
var origTarget = event.target,
|
||
|
origEvent = event.originalEvent,
|
||
|
timer;
|
||
|
|
||
|
function clearTapTimer() {
|
||
|
clearTimeout( timer );
|
||
|
}
|
||
|
|
||
|
function clearTapHandlers() {
|
||
|
clearTapTimer();
|
||
|
|
||
|
$this.unbind( "vclick", clickHandler )
|
||
|
.unbind( "vmouseup", clearTapTimer );
|
||
|
$document.unbind( "vmousecancel", clearTapHandlers );
|
||
|
}
|
||
|
|
||
|
function clickHandler( event ) {
|
||
|
clearTapHandlers();
|
||
|
|
||
|
// ONLY trigger a 'tap' event if the start target is
|
||
|
// the same as the stop target.
|
||
|
if ( origTarget === event.target ) {
|
||
|
triggerCustomEvent( thisObject, "tap", event );
|
||
|
}
|
||
|
}
|
||
|
|
||
|
$this.bind( "vmouseup", clearTapTimer )
|
||
|
.bind( "vclick", clickHandler );
|
||
|
$document.bind( "vmousecancel", clearTapHandlers );
|
||
|
|
||
|
timer = setTimeout( function() {
|
||
|
triggerCustomEvent( thisObject, "taphold", $.Event( "taphold", { target: origTarget } ) );
|
||
|
}, $.event.special.tap.tapholdThreshold );
|
||
|
});
|
||
|
}
|
||
|
};
|
||
|
|
||
|
// also handles swipeleft, swiperight
|
||
|
$.event.special.swipe = {
|
||
|
scrollSupressionThreshold: 30, // More than this horizontal displacement, and we will suppress scrolling.
|
||
|
|
||
|
durationThreshold: 1000, // More time than this, and it isn't a swipe.
|
||
|
|
||
|
horizontalDistanceThreshold: 30, // Swipe horizontal displacement must be more than this.
|
||
|
|
||
|
verticalDistanceThreshold: 75, // Swipe vertical displacement must be less than this.
|
||
|
|
||
|
start: function( event ) {
|
||
|
var data = event.originalEvent.touches ?
|
||
|
event.originalEvent.touches[ 0 ] : event;
|
||
|
return {
|
||
|
time: ( new Date() ).getTime(),
|
||
|
coords: [ data.pageX, data.pageY ],
|
||
|
origin: $( event.target )
|
||
|
};
|
||
|
},
|
||
|
|
||
|
stop: function( event ) {
|
||
|
var data = event.originalEvent.touches ?
|
||
|
event.originalEvent.touches[ 0 ] : event;
|
||
|
return {
|
||
|
time: ( new Date() ).getTime(),
|
||
|
coords: [ data.pageX, data.pageY ]
|
||
|
};
|
||
|
},
|
||
|
|
||
|
handleSwipe: function( 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" );
|
||
|
}
|
||
|
},
|
||
|
|
||
|
setup: function() {
|
||
|
var thisObject = this,
|
||
|
$this = $( thisObject );
|
||
|
|
||
|
$this.bind( touchStartEvent, function( event ) {
|
||
|
var start = $.event.special.swipe.start( event ),
|
||
|
stop;
|
||
|
|
||
|
function moveHandler( event ) {
|
||
|
if ( !start ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
stop = $.event.special.swipe.stop( event );
|
||
|
|
||
|
// prevent scrolling
|
||
|
if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {
|
||
|
event.preventDefault();
|
||
|
}
|
||
|
}
|
||
|
|
||
|
$this.bind( touchMoveEvent, moveHandler )
|
||
|
.one( touchStopEvent, function() {
|
||
|
$this.unbind( touchMoveEvent, moveHandler );
|
||
|
|
||
|
if ( start && stop ) {
|
||
|
$.event.special.swipe.handleSwipe( start, stop );
|
||
|
}
|
||
|
start = stop = undefined;
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
};
|
||
|
$.each({
|
||
|
scrollstop: "scrollstart",
|
||
|
taphold: "tap",
|
||
|
swipeleft: "swipe",
|
||
|
swiperight: "swipe"
|
||
|
}, function( event, sourceEvent ) {
|
||
|
|
||
|
$.event.special[ event ] = {
|
||
|
setup: function() {
|
||
|
$( this ).bind( sourceEvent, $.noop );
|
||
|
}
|
||
|
};
|
||
|
});
|
||
|
|
||
|
})( jQuery, this );
|
||
|
|
||
|
(function( $, window, undefined ) {
|
||
|
var nsNormalizeDict = {};
|
||
|
|
||
|
// jQuery.mobile configurable options
|
||
|
$.mobile = $.extend($.mobile, {
|
||
|
|
||
|
// Version of the jQuery Mobile Framework
|
||
|
version: "1.3.2",
|
||
|
|
||
|
// Namespace used framework-wide for data-attrs. Default is no namespace
|
||
|
ns: "",
|
||
|
|
||
|
// Define the url parameter used for referencing widget-generated sub-pages.
|
||
|
// Translates to to example.html&ui-page=subpageIdentifier
|
||
|
// hash segment before &ui-page= is used to make Ajax request
|
||
|
subPageUrlKey: "ui-page",
|
||
|
|
||
|
// Class assigned to page currently in view, and during transitions
|
||
|
activePageClass: "ui-page-active",
|
||
|
|
||
|
// Class used for "active" button state, from CSS framework
|
||
|
activeBtnClass: "ui-btn-active",
|
||
|
|
||
|
// Class used for "focus" form element state, from CSS framework
|
||
|
focusClass: "ui-focus",
|
||
|
|
||
|
// Automatically handle clicks and form submissions through Ajax, when same-domain
|
||
|
ajaxEnabled: true,
|
||
|
|
||
|
// Automatically load and show pages based on location.hash
|
||
|
hashListeningEnabled: true,
|
||
|
|
||
|
// disable to prevent jquery from bothering with links
|
||
|
linkBindingEnabled: true,
|
||
|
|
||
|
// Set default page transition - 'none' for no transitions
|
||
|
defaultPageTransition: "fade",
|
||
|
|
||
|
// Set maximum window width for transitions to apply - 'false' for no limit
|
||
|
maxTransitionWidth: false,
|
||
|
|
||
|
// Minimum scroll distance that will be remembered when returning to a page
|
||
|
minScrollBack: 250,
|
||
|
|
||
|
// DEPRECATED: the following property is no longer in use, but defined until 2.0 to prevent conflicts
|
||
|
touchOverflowEnabled: false,
|
||
|
|
||
|
// Set default dialog transition - 'none' for no transitions
|
||
|
defaultDialogTransition: "pop",
|
||
|
|
||
|
// Error response message - appears when an Ajax page request fails
|
||
|
pageLoadErrorMessage: "Error Loading Page",
|
||
|
|
||
|
// For error messages, which theme does the box uses?
|
||
|
pageLoadErrorMessageTheme: "e",
|
||
|
|
||
|
// replace calls to window.history.back with phonegaps navigation helper
|
||
|
// where it is provided on the window object
|
||
|
phonegapNavigationEnabled: false,
|
||
|
|
||
|
//automatically initialize the DOM when it's ready
|
||
|
autoInitializePage: true,
|
||
|
|
||
|
pushStateEnabled: true,
|
||
|
|
||
|
// allows users to opt in to ignoring content by marking a parent element as
|
||
|
// data-ignored
|
||
|
ignoreContentEnabled: false,
|
||
|
|
||
|
// turn of binding to the native orientationchange due to android orientation behavior
|
||
|
orientationChangeEnabled: true,
|
||
|
|
||
|
buttonMarkup: {
|
||
|
hoverDelay: 200
|
||
|
},
|
||
|
|
||
|
// define the window and the document objects
|
||
|
window: $( window ),
|
||
|
document: $( document ),
|
||
|
|
||
|
// TODO might be useful upstream in jquery itself ?
|
||
|
keyCode: {
|
||
|
ALT: 18,
|
||
|
BACKSPACE: 8,
|
||
|
CAPS_LOCK: 20,
|
||
|
COMMA: 188,
|
||
|
COMMAND: 91,
|
||
|
COMMAND_LEFT: 91, // COMMAND
|
||
|
COMMAND_RIGHT: 93,
|
||
|
CONTROL: 17,
|
||
|
DELETE: 46,
|
||
|
DOWN: 40,
|
||
|
END: 35,
|
||
|
ENTER: 13,
|
||
|
ESCAPE: 27,
|
||
|
HOME: 36,
|
||
|
INSERT: 45,
|
||
|
LEFT: 37,
|
||
|
MENU: 93, // COMMAND_RIGHT
|
||
|
NUMPAD_ADD: 107,
|
||
|
NUMPAD_DECIMAL: 110,
|
||
|
NUMPAD_DIVIDE: 111,
|
||
|
NUMPAD_ENTER: 108,
|
||
|
NUMPAD_MULTIPLY: 106,
|
||
|
NUMPAD_SUBTRACT: 109,
|
||
|
PAGE_DOWN: 34,
|
||
|
PAGE_UP: 33,
|
||
|
PERIOD: 190,
|
||
|
RIGHT: 39,
|
||
|
SHIFT: 16,
|
||
|
SPACE: 32,
|
||
|
TAB: 9,
|
||
|
UP: 38,
|
||
|
WINDOWS: 91 // COMMAND
|
||
|
},
|
||
|
|
||
|
// Place to store various widget extensions
|
||
|
behaviors: {},
|
||
|
|
||
|
// Scroll page vertically: scroll to 0 to hide iOS address bar, or pass a Y value
|
||
|
silentScroll: function( ypos ) {
|
||
|
if ( $.type( ypos ) !== "number" ) {
|
||
|
ypos = $.mobile.defaultHomeScroll;
|
||
|
}
|
||
|
|
||
|
// prevent scrollstart and scrollstop events
|
||
|
$.event.special.scrollstart.enabled = false;
|
||
|
|
||
|
setTimeout( function() {
|
||
|
window.scrollTo( 0, ypos );
|
||
|
$.mobile.document.trigger( "silentscroll", { x: 0, y: ypos });
|
||
|
}, 20 );
|
||
|
|
||
|
setTimeout( function() {
|
||
|
$.event.special.scrollstart.enabled = true;
|
||
|
}, 150 );
|
||
|
},
|
||
|
|
||
|
// Expose our cache for testing purposes.
|
||
|
nsNormalizeDict: nsNormalizeDict,
|
||
|
|
||
|
// Take a data attribute property, prepend the namespace
|
||
|
// and then camel case the attribute string. Add the result
|
||
|
// to our nsNormalizeDict so we don't have to do this again.
|
||
|
nsNormalize: function( prop ) {
|
||
|
if ( !prop ) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
return nsNormalizeDict[ prop ] || ( nsNormalizeDict[ prop ] = $.camelCase( $.mobile.ns + prop ) );
|
||
|
},
|
||
|
|
||
|
// Find the closest parent with a theme class on it. Note that
|
||
|
// we are not using $.fn.closest() on purpose here because this
|
||
|
// method gets called quite a bit and we need it to be as fast
|
||
|
// as possible.
|
||
|
getInheritedTheme: function( el, defaultTheme ) {
|
||
|
var e = el[ 0 ],
|
||
|
ltr = "",
|
||
|
re = /ui-(bar|body|overlay)-([a-z])\b/,
|
||
|
c, m;
|
||
|
|
||
|
while ( e ) {
|
||
|
c = e.className || "";
|
||
|
if ( c && ( m = re.exec( c ) ) && ( ltr = m[ 2 ] ) ) {
|
||
|
// We found a parent with a theme class
|
||
|
// on it so bail from this loop.
|
||
|
break;
|
||
|
}
|
||
|
|
||
|
e = e.parentNode;
|
||
|
}
|
||
|
|
||
|
// Return the theme letter we found, if none, return the
|
||
|
// specified default.
|
||
|
|
||
|
return ltr || defaultTheme || "a";
|
||
|
},
|
||
|
|
||
|
// TODO the following $ and $.fn extensions can/probably should be moved into jquery.mobile.core.helpers
|
||
|
//
|
||
|
// Find the closest javascript page element to gather settings data jsperf test
|
||
|
// http://jsperf.com/single-complex-selector-vs-many-complex-selectors/edit
|
||
|
// possibly naive, but it shows that the parsing overhead for *just* the page selector vs
|
||
|
// the page and dialog selector is negligable. This could probably be speed up by
|
||
|
// doing a similar parent node traversal to the one found in the inherited theme code above
|
||
|
closestPageData: function( $target ) {
|
||
|
return $target
|
||
|
.closest( ':jqmData(role="page"), :jqmData(role="dialog")' )
|
||
|
.data( "mobile-page" );
|
||
|
},
|
||
|
|
||
|
enhanceable: function( $set ) {
|
||
|
return this.haveParents( $set, "enhance" );
|
||
|
},
|
||
|
|
||
|
hijackable: function( $set ) {
|
||
|
return this.haveParents( $set, "ajax" );
|
||
|
},
|
||
|
|
||
|
haveParents: function( $set, attr ) {
|
||
|
if ( !$.mobile.ignoreContentEnabled ) {
|
||
|
return $set;
|
||
|
}
|
||
|
|
||
|
var count = $set.length,
|
||
|
$newSet = $(),
|
||
|
e, $element, excluded;
|
||
|
|
||
|
for ( var i = 0; i < count; i++ ) {
|
||
|
$element = $set.eq( i );
|
||
|
excluded = false;
|
||
|
e = $set[ i ];
|
||
|
|
||
|
while ( e ) {
|
||
|
var c = e.getAttribute ? e.getAttribute( "data-" + $.mobile.ns + attr ) : "";
|
||
|
|
||
|
if ( c === "false" ) {
|
||
|
excluded = true;
|
||
|
break;
|
||
|
}
|
||
|
|
||
|
e = e.parentNode;
|
||
|
}
|
||
|
|
||
|
if ( !excluded ) {
|
||
|
$newSet = $newSet.add( $element );
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return $newSet;
|
||
|
},
|
||
|
|
||
|
getScreenHeight: function() {
|
||
|
// Native innerHeight returns more accurate value for this across platforms,
|
||
|
// jQuery version is here as a normalized fallback for platforms like Symbian
|
||
|
return window.innerHeight || $.mobile.window.height();
|
||
|
}
|
||
|
}, $.mobile );
|
||
|
|
||
|
// Mobile version of data and removeData and hasData methods
|
||
|
// ensures all data is set and retrieved using jQuery Mobile's data namespace
|
||
|
$.fn.jqmData = function( prop, value ) {
|
||
|
var result;
|
||
|
if ( typeof prop !== "undefined" ) {
|
||
|
if ( prop ) {
|
||
|
prop = $.mobile.nsNormalize( prop );
|
||
|
}
|
||
|
|
||
|
// undefined is permitted as an explicit input for the second param
|
||
|
// in this case it returns the value and does not set it to undefined
|
||
|
if( arguments.length < 2 || value === undefined ){
|
||
|
result = this.data( prop );
|
||
|
} else {
|
||
|
result = this.data( prop, value );
|
||
|
}
|
||
|
}
|
||
|
return result;
|
||
|
};
|
||
|
|
||
|
$.jqmData = function( elem, prop, value ) {
|
||
|
var result;
|
||
|
if ( typeof prop !== "undefined" ) {
|
||
|
result = $.data( elem, prop ? $.mobile.nsNormalize( prop ) : prop, value );
|
||
|
}
|
||
|
return result;
|
||
|
};
|
||
|
|
||
|
$.fn.jqmRemoveData = function( prop ) {
|
||
|
return this.removeData( $.mobile.nsNormalize( prop ) );
|
||
|
};
|
||
|
|
||
|
$.jqmRemoveData = function( elem, prop ) {
|
||
|
return $.removeData( elem, $.mobile.nsNormalize( prop ) );
|
||
|
};
|
||
|
|
||
|
$.fn.removeWithDependents = function() {
|
||
|
$.removeWithDependents( this );
|
||
|
};
|
||
|
|
||
|
$.removeWithDependents = function( elem ) {
|
||
|
var $elem = $( elem );
|
||
|
|
||
|
( $elem.jqmData( 'dependents' ) || $() ).remove();
|
||
|
$elem.remove();
|
||
|
};
|
||
|
|
||
|
$.fn.addDependents = function( newDependents ) {
|
||
|
$.addDependents( $( this ), newDependents );
|
||
|
};
|
||
|
|
||
|
$.addDependents = function( elem, newDependents ) {
|
||
|
var dependents = $( elem ).jqmData( 'dependents' ) || $();
|
||
|
|
||
|
$( elem ).jqmData( 'dependents', $.merge( dependents, newDependents ) );
|
||
|
};
|
||
|
|
||
|
// note that this helper doesn't attempt to handle the callback
|
||
|
// or setting of an html element's text, its only purpose is
|
||
|
// to return the html encoded version of the text in all cases. (thus the name)
|
||
|
$.fn.getEncodedText = function() {
|
||
|
return $( "<div/>" ).text( $( this ).text() ).html();
|
||
|
};
|
||
|
|
||
|
// fluent helper function for the mobile namespaced equivalent
|
||
|
$.fn.jqmEnhanceable = function() {
|
||
|
return $.mobile.enhanceable( this );
|
||
|
};
|
||
|
|
||
|
$.fn.jqmHijackable = function() {
|
||
|
return $.mobile.hijackable( this );
|
||
|
};
|
||
|
|
||
|
// Monkey-patching Sizzle to filter the :jqmData selector
|
||
|
var oldFind = $.find,
|
||
|
jqmDataRE = /:jqmData\(([^)]*)\)/g;
|
||
|
|
||
|
$.find = function( selector, context, ret, extra ) {
|
||
|
selector = selector.replace( jqmDataRE, "[data-" + ( $.mobile.ns || "" ) + "$1]" );
|
||
|
|
||
|
return oldFind.call( this, selector, context, ret, extra );
|
||
|
};
|
||
|
|
||
|
$.extend( $.find, oldFind );
|
||
|
|
||
|
$.find.matches = function( expr, set ) {
|
||
|
return $.find( expr, null, null, set );
|
||
|
};
|
||
|
|
||
|
$.find.matchesSelector = function( node, expr ) {
|
||
|
return $.find( expr, null, null, [ node ] ).length > 0;
|
||
|
};
|
||
|
})( jQuery, this );
|
||
|
|
||
|
|
||
|
}));
|