jquery ui dialog top always> 0

Question

我正在使用jQuery UI對話框來查看錶單。

此窗體的高度值很大，因此對話框頂部爲0px。

我想改變這一點，因爲我的窗口頂部有一個菜單欄。

這可能嗎？

Answer 1

使用position屬性

$('#some_dialog_selector').dialog({position:['center',10]}); 

這將打開水平居中的對話框，並從視口的頂部10個像素..

Answer 2

如果我理解正確的話，你對話框會覆蓋在菜單欄窗口的頂部。 所以你需要手動將這個對話框降低。

您可以使用「位置」選項。它可以是「右」，「左」，「底」或如下「頂」 -

`$("#register-dialog").dialog({ 
    bgiframe: true, 
    height: 300, 
    width: 400, 
    modal: true, 
      position: 'bottom' 
    buttons: {` 

或者你也可以在「右上角」定位。如jQuery網站所示 -

Specifies where the dialog should be displayed. Possible values: 'center', 'left', 'right', 'top', 'bottom', or an array containing a coordinate pair (in pixel offset from top left of viewport) or the possible string values (e.g. ['right','top'] for top right corner).