Transitions: Remove uses of $.mobile.pageContainer

Author: arschmitz

demos/pages/samepagetransition.html

@@ -33,7 +33,7 @@ <h1>same page transitions</h1>
 
   <div role="main" class="ui-content">
      <h1>same page transitions</h1>
-     <div>All links within this page navigate to the page itself having the <code>allowSamePageTransition</code> option at the <code>$.mobile.pageContainer.pagecontainer( "change" )</code> method set to <strong>true</strong>. It seems, just the slide transition raises an issue so the page gets hidden.
+     <div>All links within this page navigate to the page itself having the <code>allowSamePageTransition</code> option at the <code>.pagecontainer( "change" )</code> method set to <strong>true</strong>. It seems, just the slide transition raises an issue so the page gets hidden.
       <label><input type="checkbox" id="cb1" data-theme="b"> reverse transition </label>
       <label><input type="checkbox" id="cb2" data-theme="b"> add ui-page-active on pageshow </label>
     </div>
@@ -59,7 +59,7 @@ <h1>same page transitions</h1>
     var trans = $(this).text() || 'none',
         rev = !!$('#cb1').attr('checked');
 
-    $.mobile.pageContainer.pagecontainer( "change", "#page1", {
+    $( this ).closest( ".ui-pagecontainer" ).pagecontainer( "change", "#page1", {
 		transition: trans,
 		allowSamePageTransition: true,
 		reverse: rev

js/transitions/transition.js

@@ -150,7 +150,7 @@ $.extend( $.mobile.Transition.prototype, {
 	},
 
 	toggleViewportClass: function() {
-		$.mobile.pageContainer.toggleClass( "ui-mobile-viewport-transitioning viewport-" + this.name );
+		this.$to.closest( ".ui-pagecontainer" ).toggleClass( "ui-mobile-viewport-transitioning viewport-" + this.name );
 	},
 
 	transition: function( toScroll ) {

tests/integration/transitions/transitions_core.js

@@ -102,7 +102,7 @@ asyncTest( "change() applies perspective class to mobile viewport for flip", fun
 
 	$.testHelper.pageSequence( [
 		function() {
-			$.mobile.pageContainer.pagecontainer( "change", "#foo" );
+			$( ".ui-pagecontainer" ).pagecontainer( "change", "#foo" );
 		},
 
 		function() {
@@ -120,7 +120,7 @@ asyncTest( "change() applies transition class to mobile viewport for default tra
 	expect( 1 );
 	$.testHelper.pageSequence( [
 		function() {
-			$.mobile.pageContainer.pagecontainer( "change", "#baz" );
+			$( ".ui-pagecontainer" ).pagecontainer( "change", "#baz" );
 		},
 
 		function() {
@@ -165,8 +165,8 @@ asyncTest( "change() queues requests", function() {
 	var firstPage = $( "#foo" ),
 		secondPage = $( "#bar" );
 
-	$.mobile.pageContainer.pagecontainer( "change", firstPage );
-	$.mobile.pageContainer.pagecontainer( "change", secondPage );
+	$( ".ui-pagecontainer" ).pagecontainer( "change", firstPage );
+	$( ".ui-pagecontainer" ).pagecontainer( "change", secondPage );
 
 	onToComplete( function() {
 		ok( isTransitioningIn( firstPage ), "first page begins transition" );
@@ -204,7 +204,7 @@ function testTransitionMaxWidth( val, expected ) {
 		start();
 	}, 5000 );
 
-	$.mobile.pageContainer.pagecontainer( "change", $( ".ui-page:not(.ui-page-active)" ).first() );
+	$( ".ui-pagecontainer" ).pagecontainer( "change", $( ".ui-page:not(.ui-page-active)" ).first() );
 
 }