javascript - Jquery のサイズ変更をコンテナーに制限する

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 でこれを行うにはどうすればよいですか?

score 0 · Accepted Answer

それに応じて div を相互にサイズ変更することで、これを回避できます。複数の div に対してこれを調整する必要があります: http://jsbin.com/ewajaw/edit#javascript,html,live

それはあなたが望むものですか？

score -1 · Accepted Answer

maxWidth を試しましたか：

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

2 に答える 2