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  } );

如何定位模态消息

1 个答案: