jQuery UIドラッグ＆ドロップ要素をドラッグできない？

Question

次のコードは、ドラッグ可能で削除可能な要素/領域を作成しています。そして、私はドラッグ可能なものをドラッグ可能なものにドラッグすると、それをクローン化してドロップ可能な状態に保ちます。しかし、私はそれを他の場所にドラッグすることができるようにドラッグ可能な機能を読み取ることができないのですか？私は.on/.liveをui.helper/ui.draggableをクローン要素として使って、IDを変更しようとしました。しかし、運がない。

$(function(){ 

    $('.kpp_photopop').draggable({ 
     containment: 'form', 
     cursor: 'move', 
     helper: 'clone', 
     snap: true, 
     snapMode: 'outer' 
    }); 

    $('.kpp_photopop_drop').droppable({ 
     accept: '.kpp_photopop', 
     drop: function(event, ui) { 

      // Clone 
      var element = ui.helper.clone(); 
      $(this).append(element); 

      // Remove x 
      ui.helper.children('.kpp_photo_x').remove(); 

      // Attach draggable to clone 
      $(this).children('.kpp_photopop').removeClass('ui-draggable-dragging ui-draggable').attr('style','').children('.kpp_photo_x').remove(); 
      $(this).children('.kpp_photopop').draggable(); 
     } 
    }); 
}); 

Answer 1

あなたが削除し、よりクリーンアップしているように、あなたが実際に必要があるだろう、とあなたが一度にドロップエリアの子供たちのすべてのドラッグ可能な再初期化している、それが見えます。ここで

は、あなたが探しているもののjsfiddleです：あなたはそれを追加するとき、それが所定の位置にジャンプしないように、私もオフセットして、いくつかの操作を追加しましたhttp://jsfiddle.net/fordlover49/wRJNe/

注意。