我正在使用JQuery UI,并希望将对话框放置在水平居中位置,但垂直方向位于中心位置,也可能是固定的像素数量或与页面顶部的相对距离。有没有办法做到这一点?看起来只有一些预定义的值,或者我可以使用一个确切的位置,但有一个简单的方法来实现这一点?
$("#dialog-form").dialog({ autoOpen: false,width: 630,position: 'center',modal: true,resizable: false,cloSEOnEscape: false });
解决方法
使用
position option将对话框的顶部与窗口顶部对齐(加上像素或百分比偏移量)。
这样就可以将对话框水平居中,并将其从顶部定位到150个像素。
$("#dialog-form").dialog({ autoOpen: false,position: { my: 'top',at: 'top+150' },cloSEOnEscape: false });
较旧版本的jQuery UI使用了一个数组,其中包含一个[x,y]坐标对,从左侧,视口顶角(例如[350,100])的像素偏移量。
var dialogWidth = 630; $("#dialog-form").dialog({ // ... width: dialogWidth,position: [($(window).width() / 2) - (dialogWidth / 2),150],// ... });