diff --git a/demos/selectmenu/custom_render.html b/demos/selectmenu/custom_render.html
index e6efb12d1..1aa563d61 100644
--- a/demos/selectmenu/custom_render.html
+++ b/demos/selectmenu/custom_render.html
@@ -16,33 +16,40 @@
$.widget( "custom.iconselectmenu", $.ui.selectmenu, {
_renderItem: function( ul, item ) {
- var li = $( "
" ).data( "ui-selectmenu-item", item );
+ var li = $( "" ).data( "ui-selectmenu-item", item ),
+ element,
+ span;
+
if ( item.disabled ) {
- li.addClass( 'ui-state-disabled' ).text( item.label );
+ li.addClass( "ui-state-disabled" ).text( item.label );
} else {
- el = item.element;
- $( "", {
- html: icon = '' + item.label,
+ element = item.element;
+ span = $( "", {
+ style: element.attr( "style" ),
+ 'class': "ui-icon " + element.attr( "class" )
+ });
+ $( "", {
+ text: item.label,
href: '#'
- }).appendTo( li );
+ }).append( span ).appendTo( li );
}
return li.appendTo( ul );
}
});
- var files = $('select#files').iconselectmenu({
+ var files = $( "select#files" ).iconselectmenu({
dropdown: false
});
- files.iconselectmenu("menuWidget").addClass("ui-menu-icons");
+ files.iconselectmenu( "menuWidget" ).addClass( "ui-menu-icons" );
- var filesB = $('select#filesB').iconselectmenu({
+ var filesB = $( "select#filesB" ).iconselectmenu({
dropdown: false
});
- filesB.iconselectmenu("menuWidget").addClass("ui-menu-icons customicons");
+ filesB.iconselectmenu( "menuWidget" ).addClass( "ui-menu-icons customicons" );
- var peopleA = $('select#peopleA').iconselectmenu();
- peopleA.iconselectmenu("menuWidget").addClass("ui-menu-icons avatar");
+ var peopleA = $( "select#peopleA" ).iconselectmenu();
+ peopleA.iconselectmenu( "menuWidget").addClass( "ui-menu-icons avatar" );
});