Question

我有一个jQueryUI对话框，当有人使用“open”事件打开它来启动$（'＃dialogDiv'）。load（）调用时，它会加载其内容。

除非加载了大量内容，否则对话框会变得非常高，所以效果很好。我想要的是限制高度。 maxHeight jQueryUI对话框选项似乎工作得很完美，除了它只在你调整大小的那一刻起生效。初始加载会使对话框变得非常高，然后当您尝试调整大小时，它会立即收缩到maxHeight。

如何制作一个不会超过一定高度的动态加载对话框？

Answer 1

为类position:absolute;overflow:hidden添加CSS .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>

在这里你可以看到“身高：140”

这定义了无论内部有多少数据，dilog都只有那么大。有关事件，选项，方法下载的详细信息（来自here），请摘录并查看 jquery-ui-1.8.5.custom＆gt; development-bundle＆gt; docs＆gt; dialog.html

jQueryUI对话框高度增长得太高

2 个答案: