0

オプション付きの水平jQueryメニュー項目がありsortableます。1 つのサブメニューがあります。したい:

  1. リストの最後でサブメニューをロックしてメニュー項目を保持する
  2. メニュー項目をメイン メニューからサブメニューにドラッグして、スタイルを自動的に変更できるようにする
  3. ページを再度開いたときのレイアウトを保存できるようにする

現在、すべてのメニュー項目を移動できますが、あるレベルから別のレベルに移動することはできません。オプションを使用してみconnectましたが、うまくいきませんでした。

明らかな何かが欠けている場合は申し訳ありません。私はjQuery UI(jQueryではありません)に非常に慣れていません。

デモ: http://jsfiddle.net/3sUvm/12/

編集:間違ったデモリンクを更新

4

1 に答える 1

0

わかりました、あなたの問題は封じ込めのためですが、私はあなたがこのようなものを探していると思います....

http://jqueryui.com/sortable/#connect-lists-through-tabs

$( "#sortable1, #sortable2" ).sortable().disableSelection();

li最後の場所にクラスを追加しmoreます。

$('.dop-here').droppable({
            accept: ".googlebar li",
            hoverClass: "ui-state-hover",
            drop: function( event, ui ) {
                // do something here...
            }
        });

これが役に立てば幸いです。

したがって、ドロップ可能にしたい場合drop、アイテムがドロップされると関数がトリガーされ、それがアイテムの場合...

于 2012-11-07T15:18:11.157 に答える