Controlgroup: ensure load order does not matter for child widgets

Author: arschmitz

js/widgets/controlgroup.js

@@ -31,9 +31,9 @@ $.widget( "mobile.controlgroup", $.extend( {
 			this.element.find( $.mobile.enhanceWithButtonMarkup.initSelector ).each( $.mobile.enhanceWithButtonMarkup );
 		}
 		// Enhance child widgets
-		$.each( this._childWidgets, $.proxy( function( number, widget ) {
-			if( widget ) {
-				this.element.find( widget.initSelector )[ widget.prototype.widgetName ]();
+		$.each( this._childWidgets, $.proxy( function( number, widgetName ) {
+			if( $.mobile[ widgetName ] ) {
+				this.element.find( $.mobile[ widgetName ].initSelector )[ widgetName ]();
 			}
 		}, this ));
 
@@ -53,7 +53,7 @@ $.widget( "mobile.controlgroup", $.extend( {
 
 	},
 
-	_childWidgets: [ $.mobile.checkboxradio, $.mobile.selectmenu, $.mobile.button ],
+	_childWidgets: [ "checkboxradio", "selectmenu", "button" ],
 
 	_themeClassFromOption: function( value ) {
 		return ( value ? ( value === "none" ? "" : "ui-group-theme-" + value ) : "" );

tests/unit/controlgroup/index.html

@@ -13,12 +13,14 @@
 	<script src="../../../external/qunit.js"></script>
 	<script>
 		$.testHelper.asyncLoad([
-			[ "widgets/page" ],
+			['widgets/page'],
 			[
-				"widgets/forms/checkboxradio",
 				"widgets/controlgroup",
 				"jquery.mobile.buttonMarkup"
+				
 			],
+			["widgets/forms/checkboxradio"],
+
 			[ "jquery.mobile.init" ],
 			[ "controlgroup_core.js" ]
 		]);