将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;
});

检查上面的示例here。