JQueryUI：单击鼠标的位置对话框

Question

我想将 jquery 对话框放置在用户单击屏幕的位置。

到目前为止，我有：

$("#something").click(function(e){
    $("#myDialog").dialog( "option", "position", [e.pageX,e.pageY]);
    $("#myDialog").dialog('open');
});

但是由于某些页面滚动问题，这不起作用。 我怀疑如果我不必向下滚动页面以到达我单击的带有 id="something" 的元素，它会起作用。 我认为这是因为 Y（高度）position 是整个页面 position 而不是可视区域。

有没有办法获取可视区域 XY 坐标或计算可视区域的大小并做一些时髦的数学来纠正页面 XY 坐标？

谢谢。

Answer 1

尝试这个：

$("#something").click(function(e)
{
    var x =e.pageX -$(document).scrollLeft();
    var y =e.pageY -$(document).scrollTop();
    $("#myDialog").dialog( "option", "position", [x,y]);
    $("#myDialog").dialog('open');
});