web-dev-qa-db-ja.com

ドラッグアンドドロップしてHTMLリストを並べ替える

ドラッグアンドドロップで色をグループに並べ替えたり並べ替えたりできるアプリがあります。 jQueryのグリッド用の sortable は、かなり反応が悪く、少しバグが多いようです。 microjs 推奨 kbjrのDragDrop ですが、そのライブラリにはリストの概念はなく、移動可能なオブジェクトのみがあります。 Sproutcore にはNice実装がありますが、グリッドで機能するデモは見つかりません。

私のUIは次のようになります。

groups of colours

また、ユーザーがグループ内で色をドラッグしたり、グループ間で色をドラッグしたりできるようにしたいと考えています。

29
nornagon

this :HTML5 Sortableを試してください。ネイティブHTML5ドラッグアンドドロップAPIを使用して、ソート可能なリストとグリッドを作成するjQueryプラグインです。

43
Farhadi

この質問が検索で出てきたので、簡単に更新できます。 HTML5Sortableは維持されなくなりました。推奨ライブラリは Sortable です。サイズ:12kb縮小。

コード:

var sortable = Sortable.create($('#items'));

これが次の放浪者の助けになることを願っています。

28
ahmohamed

thisNastable )ネスト機能があるため、もう少し便利です。

Update実際には this プラグインを使用して終了しましたより多くのオプションで。

それが役に立てば幸い。乾杯!

10
adrianthedev