jquery - ドラッグ可能なdivを計算する - jquery

Question

ページには、2 つの列を表す 2 つの div があります。どちらも左にフローティングで、幅は 49%、右パディングは 0.5% です。各列には、垂直に下に配置されたさまざまな div があります。ここで、ユーザーが列の各 div のサイズを変更できる関数を作成するか、これが達成できない場合は、ユーザーが各列のサイズを変更できる関数を作成したいと考えています。

列の 1 つの div をサイズ変更可能 ( $('#divid').resizable(); ) にすることができましたが、スクリプトを変更したいので、自動計算がオンになっています。

説明する。ユーザーが右の列のサイズを xx% 変更した場合、左の列のサイズを xx% 縮小したい

これを管理する方法は？

Answer 1

jQuery UI Resizable要素を見てみましょう。

Answer 2

jQuery のサイズ変更可能なものを使用すると、停止コールバックを指定できます。最も簡単な方法は、要素のピクセル サイズを決定するコールバックを記述し、相対的なサイズを計算して要素に設定することだと思います。

これを行うには、幅または高さがどの要素に比例するかを知る必要があり、自動的に決定するのは簡単ではないかもしれません. HTML 内の特定の要素であることを確認する必要がある場合があります。この目的のために、特定の包含 div を追加することもできます。