1

次のコードを使用して、jQuery でネストされたソート可能を作成しています。

http://jsfiddle.net/yPQZx/65/

ちょっとバグのある動作を除いて、それは動作します。

実行する手順は次のとおりです。

  1. 「アイテム 3」を「アイテム 2」の下にドラッグして、「アイテム 3」が「アイテム 2」の子になるようにします。

  2. ここで、「項目 3」を元の場所に戻してみてください。

これを行うのは非常に難しいことがわかります。

この問題の解決策があるかどうか疑問に思っていました。今のところ、それは本当にユーザーフレンドリーではないからです...

4

1 に答える 1

2

ソート可能で同様の問題に遭遇しました。ユーザーがアイテムを配置しやすくするために、通常、ドラッグの開始時に作成されるプレースホルダーに余分な高さを追加します。

jsfiddle では、ui-state-highlight クラスをプレースホルダーに追加しました。以下をスタイルに追加して、試してみてください。

.ui-state-highlight {
  height: 2em;
}

私はそれを試してみましたが、その方法で少しうまくいくようです。また、axis: 'y' を渡して sortable を 'y' 軸に制限して、その動作が気に入るかどうかを確認することもできます。

それが役立つことを願っています!

于 2012-05-25T19:03:34.477 に答える