Add a last-resort fallback to ensure content is accessible if something goes wrong during enhancements, such as a runtime error. Fixes jquery-archive#3648

Author: scottjehl

js/jquery.mobile.init.js

@@ -26,8 +26,12 @@ define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.support", "./jquery
 		$.mobile.ajaxEnabled = false;
 	}
 
-	// add mobile, initial load "rendering" classes to docEl
+	// Add mobile, initial load "rendering" classes to docEl
 	$html.addClass( "ui-mobile ui-mobile-rendering" );
+	
+	// This is a fallback. If anything goes wrong (JS errors, etc), or events don't fire, 
+	// this ensures the rendering class is removed after 5 seconds, so content is visible and accessible
+	setTimeout( hideRenderingClass, 5000 );
 
 	// loading div which appears during Ajax requests
 	// will not appear if $.mobile.loadingMessage is false
@@ -55,6 +59,11 @@ define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.support", "./jquery
 		}
 	}
 
+	//remove initial build class (only present on first pageshow)
+	function hideRenderingClass(){
+		$html.removeClass( "ui-mobile-rendering" );
+	}
+	
 
 	$.extend($.mobile, {
 		// turn on/off page loading message.
@@ -124,7 +133,7 @@ define( [ "jquery", "./jquery.mobile.core", "./jquery.mobile.support", "./jquery
 			$.mobile.showPageLoadingMsg();
 
 			//remove initial build class (only present on first pageshow)
-			$html.removeClass( "ui-mobile-rendering" );
+			hideRenderingClass();
 
 			// if hashchange listening is disabled or there's no hash deeplink, change to the first page in the DOM
 			if ( !$.mobile.hashListeningEnabled || !$.mobile.path.stripHash( location.hash ) ) {