JQueryUI：单击鼠标放置对话框

发布于 2024-11-28 19:35:57 字数 398 浏览 4 评论 0原文

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

到目前为止我已经：

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

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

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

谢谢。

原文

I want to place the jquery dialog box where the user clicks on the screen.

so far I have:

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

But this doesnt work due to some page scrolling issues. I suspect it would work if I didnt have to scroll the page down to get to the element with id="something" that I click.
I think that this is because the Y (height) position is the whole page position rather than the viewable area.

Is there a way to either grab the viewable area XY co-ords or calculate the size of the viewable area and do some funky maths to correct the page XY co-ords?

Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

沧笙踏歌 2024-12-05 19:35:58

试试这个：

$("#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');
});

Try this:

$("#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');
});

回复收藏 0 原文

~没有更多了~