限制Jquery调整大小到容器

Question

我有2个div放在另一个div里面。我想在主div中调整这两个div的大小。我可以使用以下代码分别约束每个div。

<div id='resizable'>
<div id='div1'></div>
<div id='div2'></div>
</div>

$("#div1").resizable({ containment: '#resizable' });

但我想同时约束主容器内的两个div。我怎么能用jquery做到这一点？

Answer 1

看起来这是一个错误：http://bugs.jqueryui.com/ticket/5817

您可以通过让div相应地调整大小来解决它。您需要针对多个div进行调整：http://jsbin.com/ewajaw/edit#javascript,html,live

这就是你想要的吗？

Answer 2

你试过maxWidth：

$("#div1").resizable({ containment: '#resizable', maxWidth: ($("#resizable").width() / 2) });