Высота диалогового окна jQueryUI становится слишком высокой

Question

У меня есть диалоговое окно jQueryUI, которое загружает его содержимое в тот момент, когда кто-то открывает его, используя событие "open", чтобы инициировать вызов $ ('# dialogDiv'). Load ().

Прекрасно работает, за исключением того, что диалоговое окно становится очень высоким, если загружается много контента. Я хочу ограничить высоту. Кажется, что диалоговая опция maxHeight jQueryUI работает идеально, за исключением того, что она вступает в силу только при изменении размера. Первоначальная загрузка увеличит размер диалогового окна, а затем, когда вы попытаетесь изменить его размер, он сразу же уменьшится до maxHeight.

Как создать диалоговое окно с динамической загрузкой, которое не будет расти выше определенной высоты?

Answer 1

Добавление CSS position:absolute;overflow:hidden для класса .ui-dialog решит проблему.

Answer 2

Использовать параметр высоты при инициализации ... например, -

    <script>
$(function() {
    // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
    $( "#dialog" ).dialog( "destroy" );

    $( "#dialog-confirm" ).dialog({
        resizable: false,
        height:140,
        modal: true,
        buttons: {
            "Delete all items": function() {
                $( this ).dialog( "close" );
            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        }
    });
});
</script>

здесь вы можете увидеть "height: 140"

это определяет, что дилог будет только такого размера,независимо от того, сколько данных находится внутри .. для более подробной информации о событиях, опциях, методах загрузки (с здесь ), извлеките и проверьте jquery-ui-1.8.5.custom> development-bundle>docs> dialog.html