如何定位模態消息

Question

嗨，我打算定位我的模態消息，我想用下面的代碼。 但它不工作。

$("#dialog-message").dialog({ position: { my: "left top", at: "left bottom", of: window } }); 

var position = $("#dialog-message").dialog("option", "position"); 
$("#dialog-message").dialog("option", "position", { my: "20 200", at: "1 1", of: window }); 

請在這裏找到關於模態信息的更多信息。 http://api.jqueryui.com/dialog/#option-position

Answer 1

my屬性是您想固定模式的位置。 at屬性是您要放置my屬性的位置。

#dialog-message將在左上角。因爲您將模態框的左上角（my）放置在窗口的左上角（at）

#dialog-message2將位於右下角。監守你放置模式對話框（my）的右下方窗口的右下角（at）

$("#dialog-message").dialog({ position: { my: "left top", at: "left top", of: window } }); 
$("#dialog-message2").dialog({ position: { my: "right bottom", at: "right bottom", of: window } }); 

或者，如果你想以像素爲單位調整你應該選擇left+px和top+px：（見http://api.jqueryui.com/position/）

$("#dialog-message").dialog({ position: { my: "left top", at: "left+20 top+200", of: window } }); 

http://jsfiddle.net/k976vqs5/5/

你應該切換my和at值。

$("#dialog-message").dialog("option", "position", { my: "left top", at: "left+20 top+200", of: window });