JQueryUI 对话框 maxWidth 不足

Question

我有一个使用 maxWidth 定义的 jqueryui 对话框。

$("#myDialog").dialog({
        autoOpen: false,
        width: 'auto',
        maxWidth: 1000,
        height: 'auto',
        position: [250, 50],
        close: function() {
            $("#myViewer").empty();
            someStuff();
        }
    });

当我使用调整大小 handle 调整表单大小时，maxWidth 按预期工作。但表单包含选项卡(分两行)和其他试图占据所有给定空间的内容。

当我打开表单时，它会到达浏览器的右边缘。当我用鼠标向左移动窗口时，对话框会自动调整大小，因为右侧有更多可用空间。
然而，它并不止于 maxWidth。

如果我在大于 maxWidth 时捕获调整大小 handle ，它会调整回 maxWidth。

此外，在通过更改视口(viewport)大小或使用调整大小 handle 调整对话框的大小之前，对话框的标题栏不是对话框的宽度。

这是一个示例:http://jsfiddle.net/CarlR/PvE3P/22/

我希望描述足够清楚。你可以在jsfiddle上尝试一下。问题是第一次显示对话框时。
(顺便说一句，我使用的是谷歌浏览器)

Answer 1

这是我认为您正在寻找的东西的jsfiddle http://jsfiddle.net/PvE3P/41/ 。我绑定(bind)到 $(window).resize() 并根据窗口宽度动态更新对话框宽度。我希望这有帮助!

编辑:

我已经更新了 jsfiddle 以更加无缝地工作。 http://jsfiddle.net/PvE3P/42/