当使用带有自定义激活菜单的 jQuery contextMenu 时，如何更改菜单的位置？

Question

我使用 jquery contextMenu 作为下拉菜单。我并没有真正使用右键单击功能。相反，当我单击 div 标签时，菜单会出现在该 div 标签下方。我的工作就这么多。这是我基于代码的演示页面：http://medialize。 github.com/jQuery-contextMenu/demo/trigger-custom.html。

我想做的是偏移下拉菜单相对于其默认位置的位置。在上面链接的演示中，您将看到一个示例：

$('#activate-menu').on('click', function(e) {
    e.preventDefault();
    $('.context-menu-one').contextMenu({x: 100, y: 100}); 
})

这对我不起作用。菜单出现在浏览器的左上角，而不是偏离通常出现的位置。

感谢您的帮助！

布雷特

Answer 1

我不熟悉该插件，但听起来 x 和 y 选项与文档相关（或者可能是由选择器识别的元素，< a href="http://medialize.github.com/jQuery-contextMenu/docs.html#show-trigger" rel="nofollow">文档似乎有点模糊）。您在点击时收到的事件对象具有pageX 和 pageY 属性告诉您相对于文档点击发生的位置，因此只需添加这些属性即可，例如：

$('.context-menu-one').contextMenu({
    x: e.pageX + 100,
    y: e.pageY + 100
});

偏移 100 像素可能有点多，但这就是原则。