javascript - JqueryUi 可调整大小问题，也Resize 超出限制！

Question

我有这种 DIV 结构

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

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

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

到现在一切正常！

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

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

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

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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

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

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

score 0 · Accepted Answer

就我而言，我将可拖动和可调整大小的图层放在一起......它让调整大小发生在父容器之外......我们如何解决这个问题？