定位从中心偏移的jQuery UI对话框

Question

我想更好地定位我的jQuery UI对话框。默认的“中心”位置将它们直接放在页面的中间位置，但是当它们在Facebook中偏离页面大约70％时肯定会更好。我正在看.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] 
});