Question

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

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

Answer 1

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

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

1）表示视口内位置的单个字符串：'center'，'left'，   '正确'，'顶部'，'底部'   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
});

定位jquery UI对话框

3 个答案: