javascript - 限制 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) });