如何更改JQuery對話框的位置

Question

我試圖通過給css的位置來改變jQuery對話框的位置。

但是，當我應用更改.css文件&刷新頁面時，對話框不出現在給定的位置。

我使用jQuery dialog

請建議如何改變位置。

我想這個CSS在jQuery的ui.css，但沒有奏效：

.ui-dialog{ 
    position:absolute; 
    top:161px; 
    left:842.5px; 
} 

Answer 1

您不需要使用CSS選項來覆蓋默認位置。

jquery對話框已經有這個選項。

如：

$("#dialog").dialog("widget").position({ 
    my: 'left', 
    at: 'right', 
    of: target 
}); 

參見：http://jqueryui.com/position/

Answer 2

使用可用的position選項。

或者，如果你想申請其他類absolute位置，例如，你可以使用dialogClass選項：當您希望與css改變位置

$("#yourDialog").dialog({ 
    dialogClass: 'myPosition' 
}); 

Answer 3

：

.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-draggable .ui-resizableIn { 
    position: absolute; 
    height: auto; 
    width: 300px; 
    top: 21px; 
    left: 147px; 
    display: block; 
} 

也許只有.ui-dialog會做到這一點，請試試這個。

Answer 4

這是我以前使用過的一些代碼。

var $dialogpopup = $("#popupcommdiv").dialog({ 
               autoOpen: false, 
                height: 400, 
                width: 600, 
               position: {my: "top middle", 
                  at: "top middle", 
                  of: "#header"}, 
                title:"Message"}); 

Answer 5

檢查您的.ui的對話中，看其是否正在您的應用CSS或沒有。否則，嘗試在你的風格到底給!important

.ui-dialog{ 
    position:absolute;    // not required important its already absolute 
    top:161px !important;   // provide !important 
    left:842.5px !important;  // provide !important 
} 

你也可以提供與對話的position財產您的位置.. jQuery dialog position