Question

我正在使用可调整大小的UI来扩展视图形式（id），当我开始调整视图形式（id），然后我在其中添加元素时，框将不再展开。

如果您查看此截屏视频，我会更容易解释http://screencast.com/t/TmCzYg8HFSvd

$( "#viewform" ).resizable({
        minWidth: 560
    }); 

<div class="box" id="viewform"></div>

Answer 1

问题是，一旦开始调整元素大小，缩放器就会增加一个高度，因此它会停止跟随内容的大小。

如果您只想调整宽度，并保持高度始终相对于其内容，则需要使用.stop事件并将高度重置为auto

$("#viewform" ).resizable({
    minWidth: 560,
    stop: function(event, ui) {       
        $(ui.element).height('auto');
    }
 });