jquery UI简单上下文菜单,可从按钮调用

时间:2011-09-05 22:29:40

标签: javascript jquery jquery-ui

我正在寻找一些插件或巧妙的编程技术的组合,这将允许我在jQuery中有一个上下文风格的菜单,而不是实际从右键单击触发它,我希望能够让它从一个可能移动到我窗口上不同位置的按钮触发。我可以轻松处理按钮本身的部分移动。我的要求是:

  • 它应该与jQuery UI 1.8和我的自定义themeroller生成的主题
  • 兼容
  • 需要重新定位
  • 我需要让它在选择元素时执行回调,或让它尊重组成菜单元素的任何href标签上的a

我看了Selectmenu并且它很接近,但它似乎总是要显示当前所选的项目,这不是我想要的。此外,我不得不以丑陋的方式破解它,使其正确地重新定位。

This blog post也非常接近,但是jsEvent.clientX和jsEvent.clientY没有将对话框放在正确的位置,我对此怎么做有点困惑。此外,我真的不希望选项是按钮。 menu-ish插件使它们看起来正确。

This plugin here几乎就是我想要的(我必须添加关于按钮的位,但看起来并不太难)。但这需要jQuery UI 1.9。

有什么想法?可能这是一个非常罕见的要求,我必须自己滚动,但不知何故,这似乎令人惊讶,我觉得我可能会遗漏一些东西。

2 个答案:

答案 0 :(得分:4)

我喜欢这个插件。它似乎比jQueryUI-contextmenu更兼容。 实际上是jQueryUI-contextmenu的一个分支 jQuery-contextMenu

我喜欢它,因为它有更多的例子,它说只在内存中使用一个占用空间,因此与其他内容相比,它消耗的资源更少。与+ jquery 1.6一起使用,不一定需要html标记,

答案 1 :(得分:2)

你上次提到的

The menu plugin似乎与jQuery UI 1.8.x一起使用,但不是jQuery UI 1.7.x。