Webアプリケーションでドラッグ可能なアイテムを作成するにはどうすればよいですか？

Question

初めてこのようなものを作成します。

アイコンをドラッグしてホットバー内のスペースにロックするホットバータイプの四角形を作成するにはどうすればよいですか？

これは私の学習目的のために100％であり、私はJavascriptのようなものが必要であることを知っています。

私はこれに取り組むためにどこから始めるべきかわかりません。

単純な例です。

3つのアイコンのグループを作成し、マイページ内のアイコンをクリックしてドラッグすることができます。

Answer 1

jQuery UIのようなものを使いたいと思っています。それはあなたのスケール変更、ドロップ、ドラッグを行うためのJavaScriptフレームワークなどを提供します

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/droppable/

私はいくつかの基本的なのjQueryチュートリアルで始まる示唆して、UIのチュートリアルに進むだろうとデモ

http://docs.jquery.com/Tutorials

jQueryのは、一目見ただけで威圧少しですが、あなたはそれのこつを得れば、それは非常に強力で、ボーナスなど、すべてのクロスブラウザの非互換性の世話をします。