4

ドキュメント ウィンドウ全体<li>を占める4 つの要素があるとします。width:25%jQuery-UI resizable() を使用してこれらの要素のサイズを変更したい場合、幅の合計が常に 100% になるようにするにはどうすればよいですか? 要素の幅の1つを縮小すると、隣接する要素がそれを補うようになりますか?

私は進行中の作業としてこのフィドルを持っています: http://jsfiddle.net/kVwRC/6/show/

そして、私が取り組んでいるものとしてのこのデモ: http://layout.jquery-dev.net/demos/simple.html

4

2 に答える 2

2

ここで作成しようとしている種類のレイアウトを作成するために、div で同様のことを行いました。それからjSplitという名前のプラグインを作成し、コードを Google Code にアップロードしました。先に進んで見ることができます。

アイデアは、ユーザーがスライダーをドラッグしたときに、隣接する要素の幅/高さを計算することです。

于 2013-04-27T08:06:59.060 に答える
2

これがあなたができる1つの方法です。

css テーブル動作を使用して、すべてのスペースが各パネルと js で分割されていることを確認し、各パネルの幅の調整を管理します。

<div class="table">
    <div class="row">
        <div class="cell"></div>
        <div class="handle"></div>
        <div class="cell"></div>
        <div class="handle"></div>
        <div class="cell"></div>
        <div class="handle"></div>
        <div class="cell"></div>
    </div>
</div>

デモ: http://jsfiddle.net/louisbros/CuqJr/show

于 2013-04-27T09:38:00.820 に答える