jquery-ui - JQuery UI 对话框只能水平调整大小，不能垂直调整

Question

我正在尝试创建一个随窗口调整大小的 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());
});

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

Answer 1

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

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

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

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