Javascript 如何定位模态消息

您好，我尝试定位我的模态消息，我正在尝试以下代码。 但它不起作用

$( "#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  } );

请在此处查找有关模态消息的更多信息

my属性是要固定的模态的位置。 at属性是要放置my属性的位置

对话框消息将位于左上角。因为您将模式框my的左上角放置在

dialog-message2将位于右下角。因为您将模态框的右下角放置在

或者，如果你想调整像素，你应该选择left+px和top+px：参见

您应该切换my和at值

---

你想让莫代尔去哪里？左上角或左下角？请提供一个jsbin，以便您可以帮助我们。请设置一个jsfiddelI想要从顶部向下200px您的意思是模态消息框，而不是模型右侧？谢谢，但当我更改位置值时它不起作用。您能在JSFIDDele上显示问题是什么吗？因为在我的电脑上，你可以看到模态是顶部的200px。还是需要居中？@SheikhSiddiquee我改变了答案。它应该是左侧+20和顶部+200，而不是20和200

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

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

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