Положение JQuery UI диалог

Question

Как я могу расположить диалоговое окно jquery UI СПЕЦИАЛЬНО, чтобы оно переместилось в положение, не определенное центром, вершиной и т. Д.

Спасибо, я пытался быть настолько конкретным, насколько это возможно.

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

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

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