如何使用jQuery調整自定義對話框的位置？

Question

我有一個自定義對話框，現在我需要將自定義對話框定位到所需的位置，如何在.html.erb文件中執行此操作？

Answer 1

使用小部件.dialog（）jQuery UI提供了一個選項來更改對話框的位置。

使用它很簡單：

• 表示視口內的位置的單個字符串： '中心'， '左'，「$("#selector").dialog({position:"center"}); // center is default value
  與$("#selector").dialog("option","position","center");

  可能的值

  或更高正確'，'頂部'，'底部'。

• 一個包含x，y座標對的數組，包含從左側，視口的頂角（例如，[350,100]）的像素偏移量
• 包含x，y位置字符串值（例如['right'，'top' ]爲右上角）。