Menu: Allow changing icons option after creation. Fixes #8927 - Menu: Can't change icons option after init

Author: jzaefferer

tests/unit/menu/menu_options.js

@@ -41,9 +41,12 @@ test( "{ disabled: false }", function() {
 });
 
 test( "{ icons: default }", function() {
-	expect( 1 );
+	expect( 2 );
 	var element = $( "#menu2" ).menu();
 	equal( element.find( ".ui-menu-icon" ).attr( "class" ), "ui-menu-icon ui-icon ui-icon-carat-1-e" );
+
+	element.menu("option", "icons.submenu", "ui-icon-triangle-1-e");
+	equal( element.find( ".ui-menu-icon" ).attr( "class" ), "ui-menu-icon ui-icon ui-icon-triangle-1-e" );
 });
 
 test( "{ icons: { submenu: 'custom' } }", function() {

ui/jquery.ui.menu.js

@@ -343,6 +343,15 @@ $.widget( "ui.menu", {
 		}[ this.options.role ];
 	},
 
+	_setOption: function( key, value ) {
+		if ( key === "icons" ) {
+			this.element.find( ".ui-menu-icon" )
+				.removeClass( this.options.icons.submenu )
+				.addClass( value.submenu );
+		}
+		this._super( key, value );
+	},
+
 	focus: function( event, item ) {
 		var nested, focused;
 		this.blur( event, event && event.type === "focus" );