jQuery-UI菜单作为上下文菜单

Question

我该如何在鼠标右键单击时使用http://jqueryui.com/menu/作为上下文菜单呢？是否有插件或其他东西可用？所使用的版本是jquery-1.9.0和jquery-ui-1.10.0。

- user007

---

你可以尝试这个链接：http://addyosmani.github.com/jQuery-contextMenu/demo.html - Pow-Ian

看一下 $(el).on("contextmenu", function() {})。 - Reinstate Monica Cellio

Answer 1

我为此编写了一个插件：jquery-ui-contextmenu （支持委托和从JS对象创建菜单定义）.

- mar10

---

顺便说一下，我在create函数中添加了".css('z-index','9999')"。这使得该插件非常适合与jquery fullcalendar一起使用 :) - jeremyj11

Answer 2

这是一个从jquery ui示例页面快速组合的解决方案： jsBin

- Svetlin Panayotov

---

谢谢，它可以工作了，但现在我有一个问题，就是在左键单击时隐藏菜单 $(document).click(function (e) {$("#menu").hide();}); 隐藏后再次点击菜单位置不正确。也许你知道如何修复它？ - user007

找到解决方法了：$(document).click(function (e) { $("#menu").hide(); $("#menu").css("top", ""); $("#menu").css("left", ""); }); - user007

Answer 3

你可以使用我编写的插件Audero Context Menu。

- Aurelio De Rosa