mar10 / Jquery Ui Contextmenu
Licence: other
jQuery plugin that turns a jQueryUI menu widget into a context menu.
Stars: ✭ 170
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Jquery Ui Contextmenu
Colorpicker
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
Stars: ✭ 271 (+59.41%)
Mutual labels: jquery-plugin, widget
Flutter radial menu
A simple animated radial menu widget for Flutter.
Stars: ✭ 359 (+111.18%)
Mutual labels: widget, menu
Sidr
Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive.
Stars: ✭ 2,924 (+1620%)
Mutual labels: jquery-plugin, menu
lazeemenu
Multi-level sidebar menu - JQuery plugin
Stars: ✭ 40 (-76.47%)
Mutual labels: jquery-plugin, menu
Ngcontextmenu
Handcraft your very own context menus for a richer UX!
Stars: ✭ 81 (-52.35%)
Mutual labels: menu, context-menu
ml-stack-nav
Customizable, responsive, accessible, easy-to-use multi-level stack navigation menu with slide effect.
Stars: ✭ 20 (-88.24%)
Mutual labels: jquery-plugin, menu
ContextMenuSwift
A better version of iOS 13 Context Menu
Stars: ✭ 162 (-4.71%)
Mutual labels: menu, context-menu
Uploader
A lightweight and very configurable jQuery plugin for file uploading using ajax(a sync); includes support for queues, progress tracking and drag and drop.
Stars: ✭ 1,042 (+512.94%)
Mutual labels: jquery-plugin, widget
Jquery Datetextentry
jQuery plugin providing a widget for date entry (not a date picker)
Stars: ✭ 19 (-88.82%)
Mutual labels: jquery-plugin, widget
selectr
✅ The coolest jQuery select plugin you've never seen
Stars: ✭ 19 (-88.82%)
Mutual labels: jquery-plugin, menu
Jquery Menu Editor
Multilevel Menu Editor for Bootstrap 4.x (Html & Javascript code)
Stars: ✭ 144 (-15.29%)
Mutual labels: jquery-plugin, menu
drawer
A touch-enabled drawer component for the modern web.
Stars: ✭ 26 (-84.71%)
Mutual labels: jquery-plugin, menu
Accordion
Silky-smooth accordion widgets with no external dependencies.
Stars: ✭ 32 (-81.18%)
Mutual labels: widget, menu
Selectmenu
Simple, easily and diversity menu solution
Stars: ✭ 284 (+67.06%)
Mutual labels: jquery-plugin, menu
xMenuTools
Extended context menu tools for Windows
Stars: ✭ 56 (-67.06%)
Mutual labels: menu, context-menu
vue3-context-menu
A very simple context menu component for Vue3 一个简洁美观简单的Vue3右键菜单组件
Stars: ✭ 74 (-56.47%)
Mutual labels: menu, context-menu
React Contexify
Add a context menu to your react app with ease
Stars: ✭ 575 (+238.24%)
Mutual labels: menu, context-menu
Jquery Youtube Channels Playlist
jQuery plugin youtube playlist
Stars: ✭ 90 (-47.06%)
Mutual labels: jquery-plugin, widget
jquery.ui-contextmenu
,
A jQuery plugin that provides a context menu (based on the standard jQueryUI menu widget).
- Define menus from
<ul>element or definition list (i.e.[{title: "Paste", cmd: "paste"}, ...]). - Themable using jQuery ThemeRoller.
- Supports delegation (i.e. can be bound to elements that don't exist at the time the context menu is initialized).
- Optional support for touch devices.
Status
The latest release is available at npm Registry:
$ npm install ui-contextmenu
See also the Change Log.
Demo
See also the unit tests and live examples
More:
- Play with jsFiddle or Plunker
- Run the unit tests.
Getting Started
First, include dependencies:
- jQuery 1.7+ (3.x or later recommended)
- jQuery UI 1.9+ (at least core, widget, menu), 1.12+ recommended
- One of the ThemeRoller CSS themes or a custom one
- jquery.ui-contextmenu.js (also available as CDN on
, cdnjs, or UNPKG)
for example
<head>
<link href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="assets/jquery.ui-contextmenu.min.js"></script>
Assume we have some HTML elements that we want to attach a popup menu to:
<div id="container">
<div class="hasmenu">AAA</div>
<div class="hasmenu">BBB</div>
<div class="hasmenu">CCC</div>
</div>
Now we can enable a context menu like so:
$("#container").contextmenu({
delegate: ".hasmenu",
menu: [
{title: "Copy", cmd: "copy", uiIcon: "ui-icon-copy"},
{title: "----"},
{title: "More", children: [
{title: "Sub 1", cmd: "sub1"},
{title: "Sub 2", cmd: "sub1"}
]}
],
select: function(event, ui) {
alert("select " + ui.cmd + " on " + ui.target.text());
}
});
Alternatively we can initialize the menu from embedded <ul> markup.
For more information:
- Read the Tutorial and API Reference
- Have a look at the Live demo page
- Ask questions on Stackoverflow
- Play with jsFiddle or Plunker
Credits
Thanks to all contributors.
Browser Status Matrix
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].