jquery-UI对话框调整大小问题

Question

我正在尝试使用 jquery-ui 对话框创建一个“停靠”对话框，但在调整它的大小时遇到​​了一些问题。

当对话框打开时，我已使用 css 将其停靠，以便为其提供固定位置和适当的大小。

$("#test").dialog({
    open: function() {
        $(this).closest(".ui-dialog")
               .css({"float": "right",
                     "position": "fixed",
                     "right": "0px",
                     "left": "auto",
                     "top": "0px",
                     "height":  $(window).height() + "px"                       
                })
    }

我的问题是我可以使它变窄（通过拖动对话框的左边缘），但我不能使它变宽。

这是jsfiddle。

任何帮助，建议将不胜感激。甚至是达到相同效果的更好方法。

Answer 1

在对话框配置的 CSS 中添加 width:auto。像这样

...
"top": "0px",
"width": "auto",
"height":  $(window).height() + "px"        
...

http://jsfiddle.net/tqa5Lsns/5/

在丁目试过。最大宽度受对话框内容的限制。