jquery.ui-contextmenu.js

Demo Playground — Demo with jQuery UI 1.10 — Demo with jQuery UI 1.11 — Demo with jQuery UI 1.12

Sample 1

• Initialized using a command-array.
• Entry 'More - Sub1' uses the callback syntax.
• The menu is modified in the `beforeOpen` event (disabling an renaming entries).
• `preventSelect: true` prevents accidential selection of the menu targets (i.e. 'AAA') when double-clicking or dragging the mouse.
• `taphold: true` enables long-press to open the menu (useful on tablet computers).
• Ctrl+Click or two-finger-click on the touchpad also works (MacBook).

Right-click in an element to open the context menu:

Sample 2

• Initialized by hidden <ul> element.
• Use custom show/hide effects.
• Define custom position for initial popup.
• Define custom position for submenus.

• Action 1
• Action 2
• Action 3
• ----
• Extra
  • sub4
  • sub5

• Action 2
• Action 3

Sample 3

Open context menu using $("#container").contextmenu("open", $(".hasmenu:first")) and close after 2 sec.: