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

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

Answer 1

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

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

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

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

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

1 个答案: