3

我正在尝试创建一个随窗口调整大小的 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 函数被调用并且尺寸是正确的，但是在创建对话框之后，对话框的高度似乎永远不会改变，关于为什么的任何想法？

4

1 回答 1

2

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

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

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

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

于 2012-08-20T10:04:28.630 回答