Updated media query to support Android 2.3 (gingerbread)

- window.matchMedia does not work on Android 2.3 (Gingerbread), so use $(window).width()
micjamking · Apr 12, 2012 · 9c9928c · 9c9928c
1 parent 096e8f6
commit 9c9928c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/jQuery.menutron.js b/jQuery.menutron.js
@@ -55,7 +55,7 @@
 				//	$(selectMenu).prepend(menuTitle);
 				//}
 
-				var menuTitle = ['<option selected="selected" value>Choose...</option>'].join("");
+				var menuTitle = '<option selected="selected" value>Choose...</option>';
 
 				// Appends the newly created list to menu's container element
 				$(selectMenu).prepend(menuTitle);
@@ -74,7 +74,8 @@
 			function transformMenu() {
 
 				// Media query for device screens (default: 600px)
-				if (window.matchMedia(screenWidth).matches) {
+				// *Note, window.matchMedia does not work on Android 2.3 (Gingerbread)
+				if (window.matchMedia(screenWidth).matches || $(window).width() <= options.maxScreenWidth) {
 
 					// Hides the original menu list from the display
 					$(selectMenu).css("display", "inline-block");