Диалоговое окно пользовательского интерфейса jquery

Ответ 1

Используя параметр position: http://jqueryui.com/position/

Указывает, где должно отображаться диалоговое окно. Возможные значения:

1) одна строка, представляющая позицию в окне просмотра: "центр", "левый", "правый", "верх", "снизу".
2) массив, содержащий координату x, y пара в смещении пикселей слева, верхнем углу окна просмотра (например, [350, 100])
3) массив, содержащий значения строки строки x, y (например, ['right', 'top'] для верхнего правого угла.)

Например: $( ".selector" ).dialog( "option", "position", [350,100] );

Ответ 2

Это не точный ответ на ваш вопрос, но вы можете смешать "top" с значениями пикселей, например:

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

Это позиционирует диалог, центрированный вдоль оси X, на 100 пикселей вниз.

Ответ 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
});