如何使用jQuery调整自定义对话框的位置？

Question

我有一个自定义对话框，现在我需要将自定义对话框定位到所需位置，我该如何在.html.erb文件中执行此操作？

Answer 1

使用小部件.dialog（） jQuery UI提供了一个更改对话框位置的选项。

使用它就像：$("#selector").dialog({position:"center"}); // center is default value

一样简单

或更高版本$("#selector").dialog("option","position","center");

可能的值：

• 表示视口内位置的单个字符串：'center'，'left'，'right'，'top'，'bottom'。
• 一个数组，包含一个x，y坐标对，偏离左边，视口顶角（例如[350,100]）
• 包含x，y位置字符串值的数组（例如右上角的['right'，'top']）。