質問: jQueryでドラッグアンドドロップを行う場合、jQuery UIを使用すれば簡単に出来ることが分かりました。 ``` $(".dragDiv").draggable(); $( "#div3" ).droppable({ accept : ".dragDiv" , // 受け入れる要素を指定 drop : function(event , ui){ // ドロップされた時に動きます console.log("ドロップされました"); } }); ``` 参考 https://liginc.co.jp/web/js/jquery/102848 これを使用した、ウィンドウズエクスプローラの様にフォルダAからフォルダBにファイルをドロップさせるライブラリの様なものはあるでしょうか。 なければ自作することになりますが、既出のものがあればと思いました。 ソース ``` file1 file2 file3 ``` ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/ab1e35b7de0fba42b0cd83609da4621c.png) 追記 フォルダは例えで、移動させるのはdiv要素になります。 移動させる時に元のdiv要素を残して、新しく作成したdiv要素をdrag&dropさせるという意味です。 簡単に言うと要素のコピーです。
回答: copy自体はcloneメソッドで行います。 * jQueryリファレンス:clone(true) * 既存の要素をコピーするには? ― cloneメソッド あとは、このclone()メソッドを実行するタイミングを、ドラッグが始まったタイミングにして、 clone()するのをドラッグで掴んだ要素で差し替えればできそうです。 実際はクリックした瞬間にclone()しておき、ドラッグが始まったら動かすのをコピーした要素にする感じですね。