设置JQuery UI对话框的相对位置

Question

以下是我的JS：

ShowHoverServerImageModalWindow: function () {
    $("#divSettings").dialog({
        width: 200,
        height: 200,
        modal: false,
        title: "Server Image",
        autoOpen: false,
        closeOnEscape: true,
        draggable: false,
        resizeable: false,
        /*position: "my position!!", */
        buttons: [
                    {
                        text: "Close",
                        click: function () { $(this).dialog("close"); }
                    },
                  ]

    });

    //Show the dialog
    $("#divSettings").dialog('open');
},

我希望在我的光标所在的位置打开模态 我怎么能这样做？

Answer 1

来源：http://jqueryui.com/demos/dialog/和http://docs.jquery.com/Tutorials:Mouse_Position

$("#divSettings").dialog({
  ...  //your previous code
  position: [e.pageX, e.pageY]
});

在Google上轻松找到。

或在触发弹出窗口之前：

编辑：现在包含触发器。

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