将JQuery UI Dialog定位在点击链接附近

Question

我有一些链接的jquery函数

$(".clickable").click(function(event){
     // load dialog content...
     $("#dialog").dialog();
     return false;
   });

我想做的是在点击的链接附近显示JQuery的UI对话框.有没有办法只使用JQuery来做到这一点.

谢谢!

Answer 1

您可以使用event.clientX和event.clientY属性来获取click触发事件的坐标,并将对话框移动到它们:

$(".clickable").click(function (e) {
  // open and move the dialog
  $("#dialog").dialog('open').dialog('option', 'position',[e.clientX,e.clientY]);
  return false;
});

在这里查看上面的例子.