jquery對話框ui高度設置爲自動，對話框不居中（垂直）在視口中

Question

我使用ajax將窗體帶入jQuery對話框 - 一切都很好。但是，我希望對話框在第一次加載時居中。這是（垂直和水平），如果我設置對話框的特定高度，但不是如果我想使用「自動」。在水平方向上沒問題，但它在頁面上顯得太遠了（如果我設置了特定高度，則相對於它的位置）。有沒有其他人有這個問題，並知道一個解決方案？

非常感謝。

Answer 1

jQuery UI的對話框默認情況下爲中心，但你需要使它存在的元素在Ajax回調：

HTML：

<div id="container" style="display:none;"></div> 

的JavaScript/jQuery的：

var container = $('#container'); 
container.load('YOUR_URL',function(){ 
    container.dialog({ 
     width: 'auto', 
     close: function(ev, ui) { 
      $(this).dialog('destroy'); 
     } 
    }); 
})