定位jQuery對話框

Question

我已經嘗試了上百萬種解決方案，但似乎都沒有用。 我只需要從頁面頂部推送約50px的jQuery對話框即可。 有什么想法嗎？

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