データ駆動型メニュー用のPHP mysql jqueryバックエンド

Question

データ駆動型メニューの管理のためのJQuery Reorderリストを作成する方法について、チュートリアル、記事などを探しています。配置のために親IDを入力する代わりに、メニュー項目を位置にドラッグしたり、矢印を使い果たしたり、メニュー項目を操作するためのより直感的で視覚的な方法を作成したりすることができます。

誰かが何でも提案できますか。

ありがとう！

Answer 1

このようなメニューの背後にある基本的なプリンシパルを表示する例を作成しました。それは非常に裸の骨ですが、多分それはあなたを始めさせるでしょう。 http://jsfiddle.net/zevan/uxlqv/2/

キーは基本的に次のとおりです。

1. 外部情報に基づいていくつかのDIVを描画します
2. divを垂直にドラッグ可能にします
3. onmouseupのすべてのdivをy位置でソートし、ドラッグから生じるめちゃくちゃな間隔を修正します