次のコードを使用して、jQuery でネストされたソート可能を作成しています。
ちょっとバグのある動作を除いて、それは動作します。
実行する手順は次のとおりです。
「アイテム 3」を「アイテム 2」の下にドラッグして、「アイテム 3」が「アイテム 2」の子になるようにします。
ここで、「項目 3」を元の場所に戻してみてください。
これを行うのは非常に難しいことがわかります。
この問題の解決策があるかどうか疑問に思っていました。今のところ、それは本当にユーザーフレンドリーではないからです...
次のコードを使用して、jQuery でネストされたソート可能を作成しています。
ちょっとバグのある動作を除いて、それは動作します。
実行する手順は次のとおりです。
「アイテム 3」を「アイテム 2」の下にドラッグして、「アイテム 3」が「アイテム 2」の子になるようにします。
ここで、「項目 3」を元の場所に戻してみてください。
これを行うのは非常に難しいことがわかります。
この問題の解決策があるかどうか疑問に思っていました。今のところ、それは本当にユーザーフレンドリーではないからです...
ソート可能で同様の問題に遭遇しました。ユーザーがアイテムを配置しやすくするために、通常、ドラッグの開始時に作成されるプレースホルダーに余分な高さを追加します。
jsfiddle では、ui-state-highlight クラスをプレースホルダーに追加しました。以下をスタイルに追加して、試してみてください。
.ui-state-highlight {
height: 2em;
}
私はそれを試してみましたが、その方法で少しうまくいくようです。また、axis: 'y' を渡して sortable を 'y' 軸に制限して、その動作が気に入るかどうかを確認することもできます。
それが役立つことを願っています!