限制 Jquery Resize 到容器

Question

我在另一个 div 中放置了 2 个 div。我想在主 div 中调整这 2 个 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) });