Question

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

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

Answer 1

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

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

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

FIDDLE

Answer 2

与adeneo mentioned一样，对话框有一个position选项，可以接受一些数据类型，包括jQuery-UI的花哨position object。

鉴于所有选项，我认为指定所需位置的最清洁，最清晰的方式是这样的：

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' });

定位jQuery对话框

3 个答案: