jqueryui对话定位

我正在使用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],// ...
});

原文地址：/jquery/182621.html