将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选项与文档相关（或者可能是选择器标识的元素，{{3}似乎有点模糊）。您在点击时收到的the documentation有pageX和pageY个属性，告诉您相对于文档的点击发生的位置，所以只需添加到那些，例如：

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

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