jQueryで要素をクローンする方法は？

Question

私はドラッグの&ドロップ機能を実装しようとしていますが、jQueryを使用して&これは素晴らしい作品です、今私は古い場所で別のドラッグした要素を置き換えたいです。

私はclone()メソッドを使用していますが、私はjQueryを初めて使用しているので、私がコードを書き込んだコードは無限にクローンしてくれました。

これは私のコードです：

<script> 
$(function() { 
    $(".draggable").draggable(
     { 
      drag : function(event, ui) { 
       $(this).clone().appendTo(this) 
      } 
     }); 

    $(".droppable").droppable({ 
     drop: function(event, ui) { 
      $(this).addClass("ui-state-highlight") 
     } 
    }); 
}); 
</script> 

Answer 1

これは基本的に動作します。しかし、必要に応じて調整する必要があります。

var dropclone; 
 
$(".draggable").draggable({ 
 
    start: function (event, ui) { 
 
     dropclone = ui.helper.clone(); 
 
    } 
 
}); 
 
$(".droppable").droppable({ 
 
    drop: function() { 
 
     $('body').append(dropclone); 
 
    } 
 
});