位置jQuery对话框

Position jQuery dialog box

本文关键字：对话框 jQuery 位置      更新时间：2023-09-26

我已经尝试了一百万种解决方案，但似乎都不起作用。我只需要推我的jQuery对话框从页面的顶部约50px。知道怎么做吗?

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

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

function message() {
    var myPos = [ $(window).width() / 2, 50 ];
    $("#message").dialog({
      title: 'Title here',
      draggable:false,
      minHeight:100,
      position: myPos,
      resizable: false  
    });
}

小提琴

就像adeneo提到的，dialog有一个position选项，它接受一些数据类型，包括jQuery-UI的花哨的位置对象。

考虑到所有的选项，我认为最简洁明了的表达你想要的职位的方式是这样的:

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

在jsFiddle中试试

你试过吗?css代码.myPosition 

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

和

$('.selector').dialog({ dialogClass: 'myPosition' });
相关文章：