mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-30 12:40:30 +00:00
91 lines
No EOL
2.8 KiB
JavaScript
91 lines
No EOL
2.8 KiB
JavaScript
/*
|
|
* jQuery Mobile Framework : history.pushState support, layered on top of hashchange
|
|
* Copyright (c) jQuery Project
|
|
* Dual licensed under the MIT or GPL Version 2 licenses.
|
|
* http://jquery.org/license
|
|
*/
|
|
( function( $, window ) {
|
|
// For now, let's Monkeypatch this onto the end of $.mobile._registerInternalEvents
|
|
var pushStateHandler = self = {},
|
|
oldRegisterInternalEvents = $.mobile._registerInternalEvents,
|
|
$win = $( window );
|
|
|
|
$.extend( pushStateHandler, {
|
|
initialFilePath: location.pathname,
|
|
|
|
// Begin with popstate listening disabled, since it fires at onload in chrome
|
|
popListeningEnabled: false,
|
|
|
|
// Support for nested lists and any other clientside-generated subpages
|
|
subkey: "&" + $.mobile.subPageUrlKey,
|
|
|
|
// Support for dialog hash urls
|
|
dialog: "&ui-state",
|
|
|
|
// Flag for tracking if a Hashchange naturally occurs after each popstate + replace
|
|
hashchangeFired: false,
|
|
|
|
onHashAlter: function( e ) {
|
|
self.hashchangeFired = true;
|
|
|
|
// only replaceState when pushState support is present and
|
|
// the hash doesn't represent an embeded page
|
|
if( $.support.pushState && !$.mobile.path.isEmbeddedPage(location.hash) ) {
|
|
var hash = location.hash || "#" + self.initialFilePath,
|
|
href = hash.replace( "#", "" );
|
|
|
|
//support dialog urls
|
|
if( href ) {
|
|
if( href.indexOf( self.dialog ) > -1 ) {
|
|
href = href.split( self.dialog ).join( "#" + self.dialog );
|
|
} else if( href.indexOf( self.subkey ) > -1 ) {
|
|
href = href.split( self.subkey ).join( "#" + self.subkey );
|
|
}
|
|
}
|
|
|
|
history.replaceState( { hash: hash, title: document.title }, document.title, href );
|
|
}
|
|
},
|
|
|
|
onPopState: function( e ) {
|
|
if( self.popListeningEnabled && e.originalEvent.state ) {
|
|
history.replaceState( e.originalEvent.state, e.originalEvent.state.title, self.initialFilePath + e.originalEvent.state.hash );
|
|
|
|
// Urls that reference subpages will fire their own hashchange, so we don't want to trigger 2 in that case.
|
|
self.hashchangeFired = false;
|
|
|
|
setTimeout(function() {
|
|
if( !self.hashchangeFired ) {
|
|
$win.trigger( "hashchange" );
|
|
}
|
|
|
|
self.hashchangeFired = false;
|
|
}, 0);
|
|
}
|
|
},
|
|
|
|
init: function() {
|
|
$win.bind( "hashchange replacehash", self.onHashAlter );
|
|
|
|
// Handle popstate events the occur through history changes
|
|
$win.bind( "popstate", self.onPopState );
|
|
|
|
// Replace the hash before pushstate listening is enabled
|
|
$win.trigger( "replacehash" );
|
|
|
|
// Enable pushstate listening *after window onload
|
|
// To ignore the initial pop that Chrome calls at onload
|
|
$win.load(function() {
|
|
setTimeout(function() {
|
|
self.popListeningEnabled = true;
|
|
}, 0 );
|
|
});
|
|
}
|
|
});
|
|
|
|
$.mobile._registerInternalEvents = function(){
|
|
// Call previous function
|
|
oldRegisterInternalEvents();
|
|
pushStateHandler.init();
|
|
};
|
|
})( jQuery, this ); |