Javascript jQuery UI对话框最小宽度展开对话框

我使用JSON动态添加对话框（示例中为硬编码）。我的问题是对话框属性“minWidth”-“minHeight”工作正常。当我调整窗口大小并达到设置的最小宽度时，对话框将扩展到1600px（最小宽度：200）。 有什么解决办法吗

代码：

var fenster= [ { “标题”：“窗口1”， “高度”：“500”， “宽度”：“500”， “最小高度”：“100”， “最小宽度”：“100”， “inhalt”：” }, { “标题”：“窗口2”， “高度”：“300”， “宽度”：“300”， “最小高度”：“200”， “最小宽度”：“210”， “inhalt”：” }, { “标题”：“窗口3”， “高度”：“400”， “宽度”：“400”， “最小高度”：“200”， “最小宽度”：“200”， “inhalt”：” } ]; 对于（i=0；i我想你把

minWidth

和

maxWidth

Hm搞混了，但是minHeight应该是这样工作的吗？我的意思是，你只能使它最小200px的小和一切超过200px。但是如果我用大小调整器调整它的大小并达到200px，它会将对话框设置为1600px以上。添加

minHeight:200px

和

maxHeight:1600px

检查刚才删除的

height

、

width

等引号。

var fenster =
[
    {
        "title": "Window 1",
        "height": "500",
        "width": "500",
        "minheight": "100",
        "minwidth": "100",
        "inhalt": '<img src="Images\\awesome.jpeg" />'
    },
    {
        "title": "Window 2",
        "height": "300",
        "width": "300",
        "minheight": "200",
        "minwidth": "210",
        "inhalt": '<img src="Images\\awesome.jpeg" /><img src="Images\\awesome.jpeg" />'
    },
    {
        "title": "Window 3",
        "height": "400",
        "width": "400",
        "minheight": "200",
        "minwidth": "200",
        "inhalt": '<img src="Images\\awesome.jpeg" /><img src="Images\\awesome.jpeg" /><img src="Images\\awesome.jpeg" />'
    }
];
        for (i = 0; i < fenster.length; i++) {
            var div1 = document.createElement("div");
            div1.innerHTML = ("<a class=\"modalClick" + i + "\" href=\"#\">Window" + i + "</a>");

            $('#body').append(div1);

            var div2 = document.createElement("div");
            div2.id = "mbox" + i;
            div2.style.display = "none";
            div2.innerHTML = fenster[i].inhalt;

            $('#body').append(div2);

            eval("$(function () {" +
                "$(('.modalClick'+" + i + ")).on('click', function(){createWindow(" + i + ");});" +
            "});"
            );
        }


        function createWindow(i) {
            var f = fenster[i];
            $(('#mbox' + i)).dialog({
                title: f.title,
                width: f.width,
                height: f.height,
                minHeight: f.minheight,
                minWidth: f.minwidth,
                stack: true,
                fluid: true
            });
        }

    </script>