Jqueryのコンテナへのサイズ変更を制限する

2つのdivを別のdivに配置しました。私はメインdiv内のこれらの2つのdivのサイズを変更したい。次のコードを使って各divを個別に制約することができます。Jqueryのコンテナへのサイズ変更を制限する

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

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

しかし、私は同時にメインコンテナ内の両方のdivを制約したいと思います。 jqueryでこれをどうやって行うことができますか？

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

div2を展開するとdiv1を縮小しますか？その逆もありますか？ – ZimSystem

番号。 divを100 * 100、div2を100 * 100とします。 div2のサイズを変更すると、div1は100 * 100になります。div2は残りの領域にサイズ変更する必要があります。 –

-1

はあなたのmaxWidthを試してみました。複数の部門に合わせて調整する必要があります：http://jsbin.com/ewajaw/edit#javascript,html,live

これは何ですか？

2011-12-21 14:26:38

つまり、各divの幅を50％に制限します。私はそれを望んでいない。メインコンテナ内の幅と高さを動的に変更したい。 –

jsfiddleのような何かの間に行をドラッグして両方のサイズのサイズを変更できますか？ –

これは実際に私が望むものです。 –

を、これはバグであるように見えます：http://bugs.jqueryui.com/ticket/5817

あなたはdiv要素がそれに応じて互いのサイズを変更することによって、それを回避することができます

2011-12-21 15:23:05 ZimSystem

はい例が正しいです。最初のdivの高さを上げると2番目のdivがコンテナから外れます。私はそれを防止したい –

どのブラウザ？ FF – ZimSystem

でうまく動作しているようです。最初のdivの高さをコンテナの高さまで上げてみてください。 2番目の部門のテキストは外に出る –

答えて