jQueryのドロップされた要素のクローンをドラッグします

Question

ドラッグされた要素のクローンであるドロップされた要素をドラッグしようとしましたが、要素をドラッグするとページ内の別の要素が作成されます。私のコードはここにあります。

jQuery(function() { 
    jQuery(".component").draggable({ 
     // use a helper-clone that is append to 'body' so is not 'contained' by a pane 
     helper: function() { 
      return jQuery(this).clone().appendTo('body').css({'zIndex':5}); 
     }, 
     cursor: 'move' 
    }); 

    jQuery('.ui-layout-center').droppable({ 
     activeClass: 'ui-state-hover', 
     accept: '.component', 
     drop: function(event, ui) { 
      jQuery(this).append(jQuery(ui.draggable).clone().draggable()); 
     } 
    }); 
}); 

すべてのドラッグによって新しいクローンが作成されるコマンドがありますか？

Answer 1

jQuery(this).append(jQuery(ui.draggable).clone().draggable());は、あなたがその要素を示すためにクラスが削除されていたはずです

Answer 2

.clone()を忘れて、あなたはそれを移動することができますが、あなたがそれを複製してはならないということでした。 あなたはこのフィドルを見ることができます：http://jsfiddle.net/scaillerie/njYqA/。 ドロップするハンドラでは、このコードで置き換えています。

if (!ui.draggable.hasClass("dropped")) 
    jQuery(this).append(jQuery(ui.draggable).clone().addClass("dropped").draggable());