Высота окна диалога jquery установлена ​​на auto, диалог не центрирован (вертикально) в области просмотра

Question

Я ввожу форму в диалог JQuery с помощью AJAX - все в порядке. Однако я хочу, чтобы диалог центрировался при первой загрузке. Это (по вертикали и по горизонтали), если я устанавливаю определенную высоту для диалога, но не если я хочу использовать «авто». На горизонтальной поверхности все нормально, но кажется, что он расположен слишком далеко внизу страницы (относительно его положения, если я установил конкретную высоту). Кто-нибудь еще имел эту проблему и знает решение?

Большое спасибо.

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