1

div のネストされた階層を再配置するために jQuery をソート可能にしようとしています。私の div は子 div を持つことができます。これは、親の外側に並べたりドラッグしたりして、兄弟などにすることができます。

http://jsfiddle.net/xu7xN/に例があります。

基本的にこのレイアウトを持っています：

<div id="root">
    <div class="box">
        <div class="header">box a</div>
        <div class="content">
            <div class="box">
                <div class="header">box b</div>
                <div class="content"></div>
            </div>
            <div class="box">
                <div class="header">box c</div>
                <div class="content"></div>
            </div>
        </div>
    </div>
    <div class="box">
        <div class="header">box d</div>
        <div class="content"></div>
    </div>
</div>

connectWith オプションを使用すると、次のことができるはずです。

  • 「ボックス a」を「ボックス d」の下にドラッグすると、「ボックス a」のすべての子が一緒に移動します
  • 「ボックス d」を「ボックス a」にドラッグして子にします
  • 「ボックス b」を #root にドラッグして、ルート ノードにします

これは簡単だと思ったのですが、間違っていると思いました。明らかに間違っていることはありますか?

4

1 に答える 1

1

このブログ投稿は、同様の問題をカバーして解決しているようです。div ではなくリストに基づいていますが、コードはjQuery UI のネストされたソート可能オブジェクトを適用する必要があります

于 2013-08-03T17:40:43.420 に答える