定位jquery UI对话框

Question

如何定位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
});