jqueryui对话定位

前端之家收集整理的这篇文章主要介绍了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相关文章