定位jquery UI对话框

如何定位jquery UI对话框，使其进入未由center，top等定义的位置。

谢谢，我试图像posible一样具体。

Answer 1

使用position选项： http ： //jqueryui.com/position/

指定对话框的显示位置。 可能的值：

1）表示视口内位置的单个字符串：’center’，’left’，’right’，’top’，’bottom’。
2）一个数组，包含一个x，y坐标对，从视口左上角的像素偏移（例如[350,100]）
3）包含x，y位置字符串值的数组（例如右上角的[‘right’，’top’]）。

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

Answer 2

这不是您问题的准确答案，但您可以将“顶部”与像素值混合，如下所示：

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

这将使对话框沿X轴居中，从顶部向下100像素。

Answer 3

如果要使用绝对定位，对话框的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 });