javascript - 定位 jQuery 对话框

Question

我已经尝试了一百万种解决方案，但似乎都没有奏效。我只需要将我的 jQuery 对话框从页面顶部推约 50px。有什么想法吗？

function message() {
    $("#message").dialog({
      title: 'Title here',
      draggable:false,
      minHeight:100,
      resizable: false  
    });
 }

Answer 1

有一个位置参数，它接受一个带有 X 和 Y 坐标的数组：

function message() {
    var myPos = [ $(window).width() / 2, 50 ];

    $("#message").dialog({
      title: 'Title here',
      draggable:false,
      minHeight:100,
      position: myPos,
      resizable: false  
    });
}

小提琴

Answer 2

就像提到的adeneo 一样，对话框有一个position选项可以接受一些数据类型，包括 jQuery-UI 的精美位置对象。

鉴于所有选项，我认为指定所需位置的最简洁明了的方法是这样的：

var myPos = { my: "center top", at: "center top+50", of: window };

在jsFiddle中尝试

Answer 3

你试过这个吗？CSS代码.myPosition

.myPosition {
    position: absolute;
    top: 20px;
}

和jQuery

$('.selector').dialog({ dialogClass: 'myPosition' });