jquery-ui - 设置 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]
});

在谷歌上很容易找到。

或者就在您触发弹出窗口之前：

编辑：现在包括触发器。

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