JqueryUi可调整大小的问题，也是Resize扩展到收容之外！

Question

我有DIV的这种结构

<div id="container">
   <div="outer">
      <div id="inner">
      </div>
   </div>
</div>

并使用此jqueryUi

创建了'外部'div resizable()

$("#outer").resizable({ containment: 'parent', alsoResize: "#inner"  });

到现在为止一切都还可以！

//////////////// 问题 /////////////////

当我调整外部大小时，它会调整内部的大小，但是当它到达'容器'时，它就会STOPS，这是正常的，但内部会随着鼠标的移动而不断调整大小，超过'容器'和'外部'DIV！ !!!

当它到达'容器'div限制时，我可以用'外部'使'内部'ALSO STOPS ????

提前感谢您，我知道您可以提供帮助：）

Answer 1

您确定需要使用alsoResize吗？你不应该通过使用正确的标记和CSS来解决这个问题吗？

Answer 2

您可以为容器设置maxHeight和maxWith来解决此问题。

$("#outer").resizable({
    alsoResize: '#inner',
    containment: 'parent',
    maxHeight: 500,
    maxWidth:500
});

检查http://jsfiddle.net/WV2nn/

处的工作示例

Answer 3

在我的情况下，我有可拖动的＆amp;可调整大小的层..它让调整大小发生在父容器之外......我们如何解决这个问题呢？