定位jQuery模式对话框

Question

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

1. 启动存档所有用户文件
2. 仅启动存档自上次存档以来上传的文件。

无论用户点击什么链接，模式表单对话框都会出现，要求用户仅包含原始文件或原始+小缩略图或原始+小+大缩略图。

一切正常，只是对话框加载在页面底部，从而破坏了用户体验。基本上，我希望对话框看起来更接近用户点击的行。对话是来自click事件的open，顺便说一句。任何见解？

对话框加载了以下选项：

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"
});