jQuery Contextify - Lightweight Context Menu

A lightweight jQuery plugin for creating Bootstrap powered context menus.


Setup

$3

The easiest way to get up and running is to load jQuery Contextify using a CDN. Make sure jQuery is loaded first though.

``html

`
or
`html

`

$3

Use the following command to install jQuery Contextify using bower.

`
$ bower install jquery-contextify
`

Or simply add jquery-contextify to your project's bower.json.

` json
"dependencies": {
"jquery-contextify": "latest"
}
`

$3

You can also just download the latest package.

- Download latest version
- or curl -O https://raw.github.com/abeMedia/jquery-contextify/master/dist/jquery.contextify.js

Usage

jQuery Contextify needs to be activated via JavaScript.

`js
$('.foo').contextify(options);
`
The menu items are passed as an array in options.items. See the following example for creating a basic context menu.

`html
Click me




`
This will initiate jQuery Contextify on the .foo elements with the menu items specified in options.items.

$3

| Name | Type | Default | Description |
|-----------|------|---------|-------------|
| items | array | [] | An array of menu item objects. |
| action | string | contextmenu | The action on which to display the context menu (can be contextmenu, click or mouseover). |
| menuId | string | contextify-menu | The id attribute of the context menu. |
| menuClass | string | dropdown-menu | The class attribute of the context menu. |
| headerClass | string | dropdown-header | The class attribute of menu headers. |
| dividerClass | string | divider | The class` attribute of menu dividers. |

Copyright

© 2014-2016 Adam Bouqdib - http://abemedia.co.uk