JqueryUI: Widget – Menu

Options

disabled

$( ".selector" ).menu (
   { disabled: true }
);

icons

$( ".selector" ).menu (
   { icons: { submenu: "ui-icon-circle-triangle-e" } }
);

items

(version added: 1.11.0)

$( ".selector" ).menu({
   items: ".custom-item"
});

menus

$( ".selector" ).menu (
   { menus: "div" }
);

position

$( ".selector" ).menu (
   { position: { my: "left top", at: "right-5 top+5" } }
);

role

$( ".selector" ).menu (
   { role: null }
);

Methods

blur( [event ] )

$(".selector").menu( "blur" );

collapse( [event ] )

$(".selector").menu( "collapse" );

collapseAll( [event ] [, all ] )

$(".selector").menu( "collapseAll", null, true );

destroy()

$(".selector").menu( "destroy" );

disable()

$(".selector").menu( "disable" );

enable()

$(".selector").menu( "enable" );

expand( [event ] )

$(".selector").menu( "expand" );

focus( [event ], item )

$(".selector").menu( "focus", null, menu.find( ".ui-menu-item:las

isFirstItem()

$(".selector").menu( "isFirstItem" );

isLastItem()

$(".selector").menu( "isLastItem" );

next( [event ] )

$(".selector").menu( "next" );

nextPage( [event ] )

$(".selector").menu( "nextPage" );

option( optionName )

var isDisabled = $( ".selector" ).menu( "option", "disabled" );

option()

var options = $( ".selector" ).menu( "option" );

option( optionName, value )

$(".selector").menu( "option", "disabled", true );

option( options )

$(".selector").menu( "option", { disabled: true } );

previous( [event ] )

$(".selector").menu( "previous" );

previousPage( [event ] )

$(".selector").menu( "previousPage" );

refresh()

$(".selector").menu( "refresh" );

select( [event ] )

$(".selector").menu( "select" );

widget()

$(".selector").menu( "widget" );

Extension Points

_closeOnDocumentClick( event )

_closeOnDocumentClick: function( event ) {
   return false;
}

_isDivider( item )

_isDivider: function( item ) {
   return false;
}

Events

blur(event, ui)

$( ".selector" ).menu({
   blur: function( event, ui ) {}
});

create(event, ui)

$( ".selector" ).menu({
   create: function( event, ui ) {}
});

focus(event, ui)

$( ".selector" ).menu({
   focus: function( event, ui ) {}
});

select(event, ui)

$( ".selector" ).menu({
   select: function( event, ui ) {}
});