Demos: changed class to jqm-deeplink, cleane up jqm-demos.js

Author: jaspermdegroot

docs/demos/_assets/css/jqm-demos.css

@@ -193,8 +193,8 @@ body, .jqm-demos  {
 	opacity: .6;
 }
 
-/* Sections link */
-.jqm-content a.jqm-sections-link {
+/* Deeplinks */
+.jqm-content a.jqm-deeplink {
 	font-family: 'Open Sans', sans-serif;
 	font-weight: 300;
 	display: block;
@@ -206,18 +206,18 @@ body, .jqm-demos  {
 	text-decoration: none;
 	float:right;
 }
-.jqm-content p.jqm-intro + a.jqm-sections-link {
+.jqm-content p.jqm-intro + a.jqm-deeplink {
 	text-align: left;
 }
-.jqm-content a.jqm-sections-link span {
+.jqm-content a.jqm-deeplink span {
 	width: 18px;
 	display: inline-block;
 	margin-top: 1px;
 	margin-left: 10px;
 	float: right;
 	opacity: .5;
 }
-.jqm-content p.jqm-intro + a.jqm-sections-link span {
+.jqm-content p.jqm-intro + a.jqm-deeplink span {
 	float: right;
 	margin-left: 10px;
 }
@@ -226,7 +226,6 @@ body, .jqm-demos  {
 }
 
 
-
 /* Demo view source */
 .jqm-content div[data-demo-html="true"] {
 	border-top: 1px solid rgba(0,0,0,.08);

docs/demos/_assets/js/jqm-demos.js

@@ -1,5 +1,51 @@
+// Turn off AJAX for local file browsing
+if ( location.protocol.substr(0,4)  === 'file' ||
+     location.protocol.substr(0,11) === '*-extension' ||
+     location.protocol.substr(0,6)  === 'widget' ) {
+
+	// Start with links with only the trailing slash and that aren't external links
+	var fixLinks = function() {
+		$( "a[href$='/'], a[href='.'], a[href='..']" ).not( "[rel='external']" ).each( function() {
+			this.href = $( this ).attr( "href" ).replace( /\/$/, "" ) + "/index.html";
+		});
+	};
+
+	// Fix the links for the initial page
+	$( fixLinks );
+
+	// Fix the links for subsequent ajax page loads
+	$( document ).on( 'pagecreate', fixLinks );
+
+	// Check to see if ajax can be used. This does a quick ajax request and blocks the page until its done
+	$.ajax({
+		url: '.',
+		async: false,
+		isLocal: true
+	}).error(function() {
+		// Ajax doesn't work so turn it off
+		$( document ).on( "mobileinit", function() {
+			$.mobile.ajaxEnabled = false;
+			
+			var message = $( '<div>' , {
+				'class': "ui-footer ui-bar-e",
+				style: "overflow: auto; padding:10px 15px;",
+				'data-ajax-warning': true
+			});
+			
+			message
+			.append( "<h3>Note: Navigation may not work if viewed locally</h3>" )
+			.append( "<p>The AJAX-based navigation used throughout the jQuery Mobile docs may need to be viewed on a web server to work in certain browsers. If you see an error message when you click a link, try a different browser or <a href='https://github.com/jquery/jquery-mobile/wiki/Downloadable-Docs-Help'>view help</a>.</p>" );
+			
+			$( document ).on( "pagecreate", function( event ) {
+				$( event.target ).append( message );
+			});
+		});
+	});
+}
+
+
 // display the version of jQM
-$(document).on( "pageinit", function() {
+$( document ).on( "pageinit", function() {
 	var version = $.mobile.version || "dev",
 		words = version.split( "-" ),
 		ver = words[0],
@@ -18,48 +64,3 @@ $(document).on( "pageinit", function() {
 
 	$( "p.jqm-version" ).html( html );
 });
-
-// Turn off AJAX for local file browsing
-if ( location.protocol.substr(0,4)  === 'file' ||
-     location.protocol.substr(0,11) === '*-extension' ||
-     location.protocol.substr(0,6)  === 'widget' ) {
-
-  // Start with links with only the trailing slash and that aren't external links
-  var fixLinks = function() {
-    $( "a[href$='/'], a[href='.'], a[href='..']" ).not( "[rel='external']" ).each( function() {
-      this.href = $( this ).attr( "href" ).replace( /\/$/, "" ) + "/index.html";
-    });
-  };
-
-  // Fix the links for the initial page
-  $(fixLinks);
-
-  // Fix the links for subsequent ajax page loads
-  $(document).on( 'pagecreate', fixLinks );
-
-  // Check to see if ajax can be used. This does a quick ajax request and blocks the page until its done
-  $.ajax({
-    url: '.',
-    async: false,
-    isLocal: true
-  }).error(function() {
-    // Ajax doesn't work so turn it off
-    $( document ).on( "mobileinit", function() {
-      $.mobile.ajaxEnabled = false;
-
-      var message = $( '<div>' , {
-        'class': "ui-footer ui-bar-e",
-        style: "overflow: auto; padding:10px 15px;",
-        'data-ajax-warning': true
-      });
-
-      message
-        .append( "<h3>Note: Navigation may not work if viewed locally</h3>" )
-        .append( "<p>The AJAX-based navigation used throughout the jQuery Mobile docs may need to be viewed on a web server to work in certain browsers. If you see an error message when you click a link, try a different browser or <a href='https://github.com/jquery/jquery-mobile/wiki/Downloadable-Docs-Help'>view help</a>.</p>" );
-
-      $( document ).on( "pagecreate", function( event ) {
-        $( event.target ).append( message );
-      });
-    });
-  });
-}