Question

我正在使用对话框显示用户信息。所以我用div填充它。

function showPopup(elem)
        {
            var orig = $($(elem).siblings()[0]);
            var populDiv = $('<div title="Indicators">').append(orig.clone().show());
            var dialog = populDiv.dialog(
                {
                    closeOnEscape: true,
                    width: 'auto',
                    resizable: true,
                    beforeClose: function (event, ui) {
                        orig.replaceWith(populDiv.children().eq(0).hide());
                    }
                });
        }

问题是我使用的div的内容是动态的：用户可以点击按钮（在对话框内）来查看隐藏的元素。

我想要的是对话框改变它的宽度以适应内容并能够垂直滚动以及调整大小的能力。

所以我已将overflow-y:scroll设置为父div，但它似乎并不知道对话框的大小和剪辑。怎么办？

PS：对话框中隐藏的div也有overflow-x:scroll，因为它们的宽度很大。

Answer 1

为什么不改为设置对话框的height，这样你就可以根据需要获得预期的滚动条，

  $("#dialog-confirm").dialog({
        resizable: false,
        modal: true,
        title: "Modal",
        height: 250,
        width: 400,

或者您可以根据需要使用maxHeight，maxWidth，minHeight或minWidth。

请参阅：http://api.jqueryui.com/dialog/#option-maxHeight

使用y滚动创建对话框

1 个答案:

查看demo fiddle