Try Drag and Drop

ちゅんラヂに実装するUIを試す為に試作したページです。

アイテムを別ボックスへ移動した場合

・移動先のボックス内のアイテムの上にドロップした場合はその上に移動
・移動先のボックス内のアイテム以外にドロップした場合は最後尾に移動

同じボックス内でのアイテム移動(並び替え)

・下から上のアイテムにドロップしたらその上に移動
・上から下のアイテムにドロップしたらその下に移動

BOX 1

Item1

Item2

Item3

Item4

Item5

BOX 2