定位 jQuery 模式对话框

Question

我正在使用 jQuery 模态表单对话框来提示用户进行一些快速的选项选择。基本上，它是一个列出所有用户的表格，其中一列有两个链接：

1. 开始归档所有用户文件
2. 启动仅归档自上次归档后上传的文件。

无论用户点击什么链接，都会出现一个模式表单对话框，询问用户是否只包含原始文件或原始+小缩略图或原始+小+大缩略图。

除了对话框加载在页面底部从而破坏用户体验之外，一切正常。基本上，我希望对话框更靠近用户单击的行。对话框是来自点击事件的opened，顺便说一句。有什么见解吗？

对话框加载有以下选项：

autoOpen: false,
  height: 200,
  width: 400,
  modal: true

Answer 1

请参考 API 文档，根据需要调整对话框的位置：

http://api.jqueryui.com/dialog/#option-position

默认参数为：

{ my: "center", at: "center", of: window }

示例用法：

 $( ".selector" ).dialog({ position: { my: "left top", at: "left bottom", of: button } });

更精准定位请参考this page.

$( "#position3" ).position({
  my: "right center",
  at: "right bottom",
  of: "#targetElement"
});