我的jQuery对话框没有'；无法正确调整大小

我有以下创建jQuery对话框的代码。问题是当它打开时，对话框不够大，会出现一个滚动条。调整大小似乎不起作用：

 $.get(url + separator + 'content=1')
            .done(function (content) {
                dialogs[id] = $('<div class="modal-popup">' + content + '</div>')
                    .hide() // Hide the dialog for now so we prevent flicker
                    .appendTo(document.body)
                    .filter('div') // Filter for the div tag only, script tags could surface
                    .dialog({ // Create the jQuery UI dialog
                        title: link.data('dialog-title'),
                        modal: true,
                        resizable: true,
                        draggable: true,
                        height: 'auto',
                        width: link.data('dialog-width') || 400,
                        buttons: {
                            "Submit": function () {                       
                            $("#dialogForm").submit(); },
                            "Cancel": function () { $(this).dialog("close"); }
                        },
                        open: function (event, ui) {
                            $('.ui-dialog-buttonpane').
                    find('button:contains("Submit")').button({ icons: { primary: 'ui-icon-plus'} });
                            $('.ui-dialog-buttonpane').
                    find('button:contains("Cancel")').button({ icons: { primary: 'ui-icon-cancel'} });
                            $(":input[type='checkbox']").wijcheckbox();
                            $(":input[type='text'],:input[type='password'],textarea").wijtextbox();      
                        }
                    })
                    .find('form') // Attach logic on forms
                        .submit(formSubmitHandler)
                    .end();
            });
    };

$.get（url+分隔符+'content=1'）
.完成（功能（内容）{
对话框[id]=$（''+内容+''）
.hide（）//暂时隐藏对话框，以防止闪烁
.appendTo（document.body）
.filter（'div'）//仅对div标记进行筛选，脚本标记可能会出现
.dialog（{//创建jQuery UI对话框
标题：link.data（'dialog-title'），
莫代尔：是的，
可调整大小：正确，
真的，
高度：“自动”，
宽度：link.data（'dialog-width'）| | 400，
按钮：{
“提交”：函数（）{
$（“#dialogForm”）.submit（）；}，
“取消”：函数（）{$（this）.dialog（“close”）；}
},
打开：功能（事件、用户界面）{
$（“.ui对话框按钮平面”）。
查找（'button:contains（“Submit”））。按钮（{icons:{primary:'ui icon plus'}}）；
$（“.ui对话框按钮平面”）。
查找（'button:contains（“Cancel”））。按钮（{icons:{primary:'ui icon Cancel'}）；
$（“：input[type='checkbox']”）。wijcheckbox（）；
$（“：input[type='text']，：input[type='password']，textarea”）.wijtextbox（）；
}
})
.find（'form'）//在表单上附加逻辑
.提交（formSubmitHandler）
.end（）；
});
};

任何人都知道可能出了什么问题。我包含了所有的代码，因此您可以看到与对话框相关的所有内容

---

这是否与overlow:auto的设置有关？这是我能想到的唯一一件事。

您能试着按如下方式更新对话框的宽度选项吗

width: link.data('dialog-width')?link.data('dialog-width'):400

---

我不确定您的语法是否按预期工作。

当您在浏览器开发工具中使用inspect元素时。你对这个对话框有什么css高度规则？你有没有一个我们可以看一看的现场版本？