如何将jQuery对话框定位到中心?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (101)

我尝试了下面的代码,但它只将对话框的左上角位置定位到中心,这样元素就可以对齐到右边。如何将中心对话框转换为计算元素宽度的真实中心,从而使中心线将对话框削减到50%50%即一半?

$('.selector').dialog({ position: 'center' });

...

提问于
用户回答回答于

我很确定你不需要设置一个位置:

$("#dialog").dialog();

应该默认居中

代码示例 -

使用指定的位置选项初始化对话框。

$('.selector').dialog({ position: 'top' });

初始化后获取或设置位置选项。

//getter
var position = $('.selector').dialog('option', 'position');
//setter
$('.selector').dialog('option', 'position', 'top');

我认为,如果你要删除位置属性,你会发现它自己中心其他尝试第二个设置选项,你定义“选项”“位置”和“中心”的3个元素。

用户回答回答于

最新的jQueryUI有一个位置组件:

$("#myDialog").position({
   my: "center",
   at: "center",
   of: window
});

扫码关注云+社区

领取腾讯云代金券