jquery ui對話框在加載後不會垂直居中

我使用帶動態高度的jQuery UI對話框。當它打開它的中心時，但是當它加載內容時，它會向頁面底部擴展。jquery ui對話框在加載後不會垂直居中

這裏是我的功能：

$(this.document).ready(function() { 
    $(".openDialog").live("click", function (e) { 
     e.preventDefault(); 

     $("<div></div>") 
        .addClass("dialog") 
        .attr("id", $(this) 
        .attr("dialog-id")) 
        .dialog({ 
         autoOpen: false, 
         title: $(this).attr("dialog-title"), 
         close: function() { $(this).remove() }, 
         modal: true, 
         width: $(this).attr("dialog-width"), 
         heith: 'auto', 
         resizable: false, 
         draggable: false, 
         show: 'scale', 
         hide: 'puff', 
         position: ['center', 'middle'] 
        }) 
        .load(this.href).dialog("open"); 
    }); 

    $(".close").live("click", function (e) { 
     e.preventDefault(); 
     $(this).closest(".dialog").dialog("close"); 
    }); 
});

來源

2012-11-23 memeonline

只是一個優化，使用「on」而不是「live」。 – toxicate20

你有沒有得到這個解決方案？我有同樣的問題。 –

@John不是。我實施了[ColorBox]（http://www.jacklmoore.com/colorbox）解決方案。它工作得很好。 – memeonline

我能夠通過設置的AutoOpen解決這個問題：虛假和創建在創建方法的對話框的內容與我的AJAX調用。一旦返回，並創建內容，我打開對話框打開。很棒！

來源

2013-04-18 21:20:55

以上ans不適合我。

來源

2014-02-24 03:38:25

jquery ui對話框在加載後不會垂直居中

回答

相關問題