今回のサンプルの基本的な情報 ここまででDraggables、Droppables、Selectablesの基本的な使い方が分かったと思いますので、いよいよここからは、応用編のサンプル解説をしていきます。もう一度サンプルを見てみましょう。 ■ サンプルの基本設計 このサンプルの基本設計は次のようになります。 ディレクトリが2つあり、それぞれを親要素とするファイルが3つずつぶら下がる ディレクトリをselectable()にする ファイルをdraggable()にする ただし、初期状態は'disable'にしておき、ファイルが選択されたときに'enable'にする ディレクトリをdroppable()にする ファイルがディレクトリにドロップされたら、そのファイルが、そのドロップされたディレクトリの子要素になるようにDOMの操作を行う ■ 複数要素のドラッグ ここで1つ難しいのは、複数ファイル
![jQuery UIで実現! Ajaxで複数選択ドラッグ&ドロップ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e84fc6ab06f31b2e64248cbfc92fe06deb5bab5/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fimages%2Flogo%2F1200x630_500x500_ait.gif)