F-engine

Context menu

jQuery Context Menu is a context menu plugin for jQuery. It was designed to make implementing context menu functionality easy and requires minimal effort to configure.

There is another context menu for jQuery written by Chris Domigan. These two projects are completely unrelated and no source code was shared from Chris’ project.

Why reinvent the wheel? The goal of this plugin is to streamline the way actions are binded to menu items and to use 100% CSS for styling. Keyboard shortcuts were added for navigating the menu once it’s open, and there are five methods to allow you to control and clean-up context menus on the fly.

Features

  • Valid XHTML
  • Fully customizeable via CSS
  • Easy to configure and implement
  • Degrades gracefully
  • Keyboard shortcuts to maximize accessibility
  • Ability to enable/disable menu items on the fly

Compatibility

jQuery Context Menu works in all browsers supported by jQuery. It has been fully tested in:

  • Internet Explorer 6 & 7
  • Firefox 2 & 3
  • Safari 3
  • Chrome (beta)
  • Opera 9.5*

*Opera 9.5 has an option to allow scripts to detect right-clicks, but it is disabled by default. Furthermore, Opera still doesn’t allow JavaScript to disable the browser’s default context menu which causes a usability conflict.

Demo

View a live demonstration of the context menu plugin.

More info

Project page