improved keepNative option so that it's additive on top of data-role=none and data-role=nojs.

Author: scottjehl

js/jquery.mobile.page.js

@@ -25,12 +25,14 @@ $.widget( "mobile.page", $.mobile.widget, {
 			url: false,
 			week: false
 		},
-		keepNative: "[data-role='none'], .ui-nojs"
+		keepNative: null
 	},
 
 	_create: function() {
 		var $elem = this.element,
-			o = this.options;	
+			o = this.options;
+			
+		this.keepNative = "[data-role='none'], [data-role='nojs']" + (o.keepNative ? ", " + o.keepNative : ""); 	
 
 		if ( this._trigger( "beforeCreate" ) === false ) {
 			return;
@@ -124,7 +126,7 @@ $.widget( "mobile.page", $.mobile.widget, {
 		//links in bars, or those with data-role become buttons
 		$elem.find( "[data-role='button'], .ui-bar a, .ui-header a, .ui-footer a" )
 			.not( ".ui-btn" )
-			.not(o.keepNative)
+			.not(this.keepNative)
 			.buttonMarkup();
 
 		$elem	
@@ -133,7 +135,7 @@ $.widget( "mobile.page", $.mobile.widget, {
 
 		//links within content areas
 		$elem.find( "a:not(.ui-btn):not(.ui-link-inherit)" )
-			.not(o.keepNative)
+			.not(this.keepNative)
 			.addClass( "ui-link" );	
 
 		//fix toolbars
@@ -144,7 +146,7 @@ $.widget( "mobile.page", $.mobile.widget, {
 		var o = this.options;
 
 		// degrade inputs to avoid poorly implemented native functionality
-		this.element.find( "input" ).not(o.keepNative).each(function() {
+		this.element.find( "input" ).not(this.keepNative).each(function() {
 			var type = this.getAttribute( "type" ),
 				optType = o.degradeInputs[ type ] || "text";
 
@@ -158,29 +160,29 @@ $.widget( "mobile.page", $.mobile.widget, {
 		// enchance form controls
 		this.element
 			.find( "[type='radio'], [type='checkbox']" )
-			.not(o.keepNative)
+			.not(this.keepNative)
 			.checkboxradio();
 
 		this.element
 			.find( "button, [type='button'], [type='submit'], [type='reset'], [type='image']" )
-			.not(o.keepNative)
+			.not(this.keepNative)
 			.button();
 
 		this.element
 			.find( "input, textarea" )
 			.not( "[type='radio'], [type='checkbox'], button, [type='button'], [type='submit'], [type='reset'], [type='image']" )
-			.not(o.keepNative)
+			.not(this.keepNative)
 			.textinput();
 
 		this.element
 			.find( "input, select" )
-			.not(o.keepNative)
+			.not(this.keepNative)
 			.filter( "[data-role='slider'], [data-type='range']" )
 			.slider();
 
 		this.element
 			.find( "select:not([data-role='slider'])" )
-			.not(o.keepNative)
+			.not(this.keepNative)
 			.selectmenu();
 	}
 });