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/

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

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

1 个答案: