位置jQuery UI的對話框

Question

我怎麼能具體定位jQuery UI的對話，使之變爲非由中央，頂部定義的位置等

謝謝，我試圖儘可能具體更多鈔票。

Answer 1

使用position選項：http://jqueryui.com/position/

指定應顯示該對話框。可能的值：

1）表示位於視口中的位置的單個字符串：「中心」，「左」， 「右」，「頂」，「底」。
2）含有一個X的陣列，y座標中像素 對由左，視口的頂端角偏移（例如[350100]）
3）含有x數組，y位置字符串值（例如 [「右」 ，'top']爲右上角）。

例如：$(".selector").dialog("option", "position", [350,100]);

Answer 2

如果你想使用絕對定位，對話框的position選擇是你所需要的。如果需要相對於其他要素的位置，還有另一個簡單的技術使用和jQuery UI的$('selector').position(options);（在看到：http://jqueryui.com/demos/position/）

例如：

// div to position against 
var $div = $('#someDiv'); 

// Open dialog (positioning won't work on hidden elements) 
$dialog.dialog('open'); 

// position newly opened dialog (using its parent container) below $div. 
$dialog.dialog('widget').position({ 
    my: "left top", 
    at: "left bottom", 
    of: $div 
}); 

Answer 3

這不是一個準確的回答你的問題的，但可以用像素值混合「頂部」，是這樣的：

$('#widget').dialog({ 
    position: ['top', 100] 
}); 

這將沿X軸，從頂部100點向下的像素爲中心的對話框定位。