jquery对话框ui height设置为auto，对话框未在视口中居中（垂直）

Question

我使用ajax将表单带入jquery对话框 - 一切都很好。但是，我希望对话框在首次加载时居中。如果我为对话框设置了特定高度，则为（垂直和水平），但如果我想使用“auto”则不是。它在水平方向上很好，但它在页面下方显得太远（相对于其位置，如果我设置了特定的高度）。有没有其他人有这个问题，并知道解决方案？

非常感谢。

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