Moved the installation of the handler into a require callback to make sure that jquery.mobile is loaded so $.event.special.orientationchange & $.support.orientation are available

gseguin · gseguin · commit 4e63fb899d4f · 2012-02-02T16:18:41.000-08:00
diff --git a/tests/functional/orientation.html b/tests/functional/orientation.html
@@ -1,5 +1,5 @@
 <!DOCTYPE HTML>
-<html>
+<html class="ui-mobile-rendering">
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -15,20 +15,22 @@
 		}
 
 	</style>
-	<script data-main="../../js/jquery.mobile" src="../../external/requirejs/require.js"></script>
+	<script src="../../external/requirejs/require.js"></script>
 	<script src="../../js/jquery.tag.inserter.js"></script>
 	<script>
+		require( {
+			baseUrl: "../../js"
+		} )( [ "jquery", "jquery.mobile" ], function( $ ) {
+			$( document ).one( "pageinit", function() {
+				function updateOrientation()
+				{
+					$( "#orientationText" ).text( $.event.special.orientationchange.orientation() );
+				}
 
-		$( document ).one( "pageinit", function() {
-			function updateOrientation()
-			{
-				$( "#orientationText" ).text( $.event.special.orientationchange.orientation() );
-			}
-	
-			updateOrientation();
-			$( window ).bind( $.support.orientation ? "orientationchange" : "resize", updateOrientation);
+				updateOrientation();
+				$( window ).bind( $.support.orientation ? "orientationchange" : "resize", updateOrientation);
+			});
 		});
-
     </script>
 </head>
 
