Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-06 23:50:59 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

move active page and button classes to the $.mobile hash

Browse source
This commit is contained in:
scottjehl 2010-11-06 12:39:59 -04:00
parent 0c7860e7ed
commit 72f3ca5765
1 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
js/jquery.mobile.js
View file

@ -22,7 +22,14 @@
//anchor links that match these selectors will be untrackable in history
//(no change in URL, not bookmarkable)
nonHistorySelectors: '[data-rel=dialog]'
nonHistorySelectors: '[data-rel=dialog]',
//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'
}, jQuery.mobileDefaults);
var $window = jQuery(window),
@ -32,8 +39,6 @@
$loader = jQuery('<div class="ui-loader ui-body-a ui-corner-all"><span class="ui-icon ui-icon-loading spin"></span><h1>loading</h1></div>'),
$startPage,
$pageContainer,
activePageClass = 'ui-page-active',
activeBtnClass = 'ui-btn-active',
activeClickedLink = null,
pageTransition,
forceBack,
@ -130,7 +135,7 @@
return false;
}
activeClickedLink = $this.closest( ".ui-btn" ).addClass( activeBtnClass );
activeClickedLink = $this.closest( ".ui-btn" ).addClass( $.mobile.activeBtnClass );
if( external ){
//deliberately redirect, in case click was triggered
@ -202,7 +207,7 @@
//remove active classes after page transition or error
function removeActiveLinkClass(forceRemoval){
if( !!activeClickedLink && (!activeClickedLink.closest( '.ui-page-active' ).length || forceRemoval )){
activeClickedLink.removeClass( activeBtnClass );
activeClickedLink.removeClass( $.mobile.activeBtnClass );
}
activeClickedLink = null;
}
@ -282,20 +287,20 @@
$pageContainer.addClass('ui-mobile-viewport-transitioning');
// animate in / out
from.addClass( transition + " out " + ( back ? "reverse" : "" ) );
to.addClass( activePageClass + " " + transition +
to.addClass( $.mobile.activePageClass + " " + transition +
" in " + ( back ? "reverse" : "" ) );
// callback - remove classes, etc
to.animationComplete(function() {
from.add( to ).removeClass(" out in reverse " + transitions );
from.removeClass( activePageClass );
from.removeClass( $.mobile.activePageClass );
loadComplete();
$pageContainer.removeClass('ui-mobile-viewport-transitioning');
});
}
else{
from.removeClass( activePageClass );
to.addClass( activePageClass );
from.removeClass( $.mobile.activePageClass );
to.addClass( $.mobile.activePageClass );
loadComplete();
}
};
@ -426,7 +431,7 @@
}
else{
$startPage.trigger("pagebeforeshow", {prevPage: $('')});
$startPage.addClass( activePageClass );
$startPage.addClass( $.mobile.activePageClass );
pageLoading( true );
if( $startPage.trigger("pageshow", {prevPage: $('')}) !== false ){