Javascript 如何将元素位置传递给jQueryUI对话框

我有一个元素列表，单击每个元素时，我希望我的jQueryUI对话框在单击的列表元素旁边弹出

$( "#selector" ).dialog({ draggable: false,
              width: 250,
              autoOpen: false,
              position: [e.pageX,e.pageY] });

$(".openDialog").click(function(e){
        console.log('I need the cooridnates x:'+e.pageX+' and y:'+e.pageY+'to be passed to the dialog box');
        $( "#selector" ).dialog("open");
});

我可以得到我需要的坐标，但是我无法将它们传递到对话框init

我想了解一下这一点

---

提前谢谢

再次显示对话框之前，请尝试：

$("#selector").dialog("option", "position", [e.pageX, e.pageY]);

---

由于要在单击的元素旁边显示对话框，因此应推迟设置对话框的位置，直到该信息可用为止，即在事件处理程序中：

$("#selector").dialog({
    draggable: false,
    width: 250,
    autoOpen: false
});

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

---

注：供未来搜索者参考。如果需要鼠标位置，clientX/Y比pageX/Y更适合alt。