Позиционирование смещения диалогового окна jQuery UI от центра

Question

Я бы хотел немного лучше расположить свои диалоговые окна jQuery UI.«Центральная» позиция по умолчанию помещает их прямо в середину страницы, но, безусловно, лучше, чтобы они смещались на 70% вверх по сравнению с страницей в Facebook.Я смотрю на функцию .position, но немного неясно, каково простейшее решение.

Answer 1

Для jquery-ui 1.9 +:

$("#dialog").dialog({ position: { my: "center", at: "top+30%", of: window } });

Для jquery-ui 1.8:

$("#dialog").dialog({ position: { my: "center", at: "top", of: window, offset: "0 30%" } });

Это что-то подобное, но поиграйтесь со значениями смещения.

Answer 2

Самый простой способ - использовать position()

$("#dialog").dialog("widget").position({
       my: 'left',
       at: 'right',
       of: target
});

Или, если вы уже рассчитали размеры

var x = 50; //calculate the 70%, with your own logic
var y = 100;
$("#dialog").dialog('option', 'position', [x,y]);

Или вы можетеуказать высоту при инициализации виджета

$("#dialgo").dialog({
     autoOpen: false, 
     width: 400 , 
     position: [300,200] 
});