1

以下は私の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');
},

カーソルがある場所でモーダルを開くにはどうすればよいですか?

4

1 に答える 1

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');
});
于 2012-06-04T11:03:58.713 に答える