定位jQuery模式对话框

定位jQuery模式对话框,jquery,jquery-ui,dialog,Jquery,Jquery Ui,Dialog,我使用jQuery模态表单对话框提示用户进行一些快速选项选择。基本上,它是一个列出所有用户的表,其中一列有两个链接: 开始归档所有用户文件 仅开始存档自上次存档以来上载的文件 无论用户单击什么链接,都会出现一个模态表单对话框,询问用户仅包括原始文件或原始+小缩略图或原始+小+大缩略图 除了在页面底部加载的对话框破坏了用户体验之外,一切正常。基本上,我希望对话框显示得更靠近用户单击的行。对话框是从点击事件中打开的。顺便说一句,有什么见解吗 对话框中加载了以下选项: autoOpen: false,

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

  • 开始归档所有用户文件
  • 仅开始存档自上次存档以来上载的文件
  • 无论用户单击什么链接,都会出现一个模态表单对话框,询问用户仅包括原始文件或原始+小缩略图或原始+小+大缩略图

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

    对话框中加载了以下选项:

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

    请参考API文档,根据您的需要调整对话框的位置:

    默认参数为:

    {my:“center”,在“center”,of:window}

    用法示例:

     $( ".selector" ).dialog({ position: { my: "left top", at: "left bottom", of: button } });
    
    有关更精确的定位,请参阅


    我被appendTo困住了。谢谢你的提示。我正在尝试这个职位。印象深刻!工作起来很有魅力。我的下一站是定位页面。我们需要进一步了解这一点。非常感谢您这么快的回复。它太快了,我不得不再等几分钟才给它打电话
    $( "#position3" ).position({
      my: "right center",
      at: "right bottom",
      of: "#targetElement"
    });