JqueryUi 可调整大小的问题，也Resize 超出了遏制范围！答案

【问题标题】：JqueryUi resizable issue, alsoResize expands beyond containment!JqueryUi 可调整大小的问题，也Resize 超出了遏制范围！
【发布时间】：2011-03-23 23:19:46
【问题描述】：

我有这种 DIV 结构

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

我使用这个 jqueryUi 制作了“外部”div resizable()

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

到目前为止一切正常！

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

当我调整外部的大小时，它会随之调整内部的大小，但是当它到达“容器”div 时它会停止，这没关系，但内部会随着鼠标的移动不断调整大小并超过“容器”和“外部”DIV！！！！

当它达到“容器”div 限制时，我可以让“内部”也停止与“外部”一起吗？？？？

提前谢谢你，我知道你可以帮忙:)

【问题讨论】：

标签： javascript jquery jquery-ui jquery-ui-resizable

【解决方案1】：

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

【讨论】：

是的，我需要因为内部是 div，我的内容将是外部仅用于按住 x 按钮以删除整个元素
如果外部 div 调整大小，内部 div 将自动调整大小。你不需要也调整大小……除非你给内部 div 一个高度和一个宽度。
我刚刚尝试删除alsoResize，外部和我一起扩展但内部没有！！？我需要它们在调整大小时同步，这是完美的工作，除非当鼠标离开容器然后内部超过机器人外部和容器！ :(
您是否有代码示例，或者您可以使用jsfiddle.net 制作一个？

【解决方案2】：

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

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

在http://jsfiddle.net/WV2nn/查看工作示例

【讨论】：

【解决方案3】：

在我的例子中，我有一个可拖动和可调整大小的图层。它让调整大小发生在父容器之外……我们如何解决这个问题？

【讨论】：