Question

我有以下代码创建一个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();
            });
    };

任何人都有任何想法可能是错的。我包含了所有代码，因此您可以看到与对话框相关的所有内容。

这可能与overlow：auto的设置有关吗？这是我唯一能想到的。

Answer 1

您可以尝试更新对话框的宽度选项，如下所示吗？

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

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

我的jQuery对话框没有正确调整大小

1 个答案: