draggable divs - jqueryを計算する

Question

ページには2つの列を表す2つのdivがあります。 どちらも左に浮動小数点があり、49％の幅と0.5％のパディング右があります。 各列には、垂直方向に配置されたさまざまなdivがあります。 今、私は列内の各divのサイズを変更できる関数を作成したいと思います。これが達成できない場合は、ユーザーが各列のサイズを変更できるようにする関数を作成します。

私はカラムresizable（$（ '＃divid'）。resizable（）;）で1つのdivを作成することができましたが、スクリプトを修正して自動計算がオンになっています。

説明してください。 ユーザーがxx％の右の列をサイズ変更した場合、xx％の左側の列のサイズを縮小したい

これはどのように管理するのですか？

Answer 1

jQuery UI Resizable要素を見てください。

Answer 2

jQueryのサイズ変更が可能なthingyでは、stop callbackを指定できます。私は、最も簡単なことは、要素のピクセルサイズを決定するコールバックを記述し、相対的なサイズを計算し、それを要素に設定することだと思います。

これを行うには、幅や高さが比例する要素を知る必要があります。自動的に決定するのは簡単ではありません。それがHTMLの特定の要素であることを確認する必要があるかもしれません。おそらく、この目的のためにdivを含む特定のものを追加してください。