JQuery UI 对话框仅水平调整大小，而不是垂直调整答案

【问题标题】：JQuery UI dialog only resizing horizontally, not verticallyJQuery UI 对话框仅水平调整大小，而不是垂直调整
【发布时间】：2012-08-20 07:31:29
【问题描述】：

我正在尝试创建一个随窗口调整大小的 JQuery 对话框，我可以让它水平调整大小，但垂直大小似乎永远不会改变，代码如下：

var dlg = $("#dialog"); // 获取对话框容器。

dlg.dialog({
    title       : '',
    bgiframe    : true,
    draggable   : false,
    resizable   : true,
    dialogClass : 'dialogRecurso',
    width       : $(window).width(),
    height      : $(window).height(),
    stack       : true,
    zIndex      : 99999,
    autoOpen    : false,
    modal       : true,
    open        : function() {
      $(".ui-dialog-titlebar").hide();
    }
});

$(window).resize(function() {
    $("#dialog").dialog("option","height",$(window).height());
    $("#dialog").dialog("option","width",$(window).width());
});

知道为什么它不垂直增长吗？我验证了 resize 函数被调用并且尺寸是正确的，但是在创建对话框之后，对话框的高度似乎从未改变，关于为什么的任何想法？

【问题讨论】：

标签： jquery-ui jquery-ui-dialog onresize

【解决方案1】：

您的代码似乎按预期工作，我能看到的唯一问题是您添加的 classdialogClass : 'dialogRecurso'。

我尝试以相反的方式进行操作，并在保持代码活动的同时制作了一个不可调整大小的对话框。我很快发现，通过在我的 CSS 中添加这一行，窗口将停止调整大小：

.dialogRecurso{max-width:300px; max-height:200px;}

这让我认为这将是一个 CSS 相关问题，与您的 Javascript 无关。

【讨论】：