jQuery可拖動助手不可拖動？

Question

我有一個可拖動的項目一類的「.item」，一旦我將其拖動到目的地它只是坐在那裏，我不能移動它，這是我使用的代碼：

 $('.item').draggable({ 
      helper : 'clone', 
      onStartDrag:function(){ 
       $(this).draggable('options').cursor = 'not-allowed'; 
       $(this).draggable('clone').css('z-index',10); 
      }, 
      onStopDrag:function(){ 
       $(this).draggable('options').cursor='move'; 
      } 
     }); 

     $('.cart').droppable({ 
      drop: function(event, ui) { 
       $.ui.ddmanager.current.cancelHelperRemoval = true; 
      }, 
      onDragEnter:function(e,source){ 
       $(source).draggable('options').cursor='auto'; 
      }, 
      onDragLeave:function(e,source){ 
       $(source).draggable('options').cursor='not-allowed'; 
       $.ui.ddmanager.current.cancelHelperRemoval = false; 
      }, 
      onDrop:function(e,source){ 
       var name = $(source).find('p:eq(0)').html(); 
       var price = $(source).find('p:eq(1)').html(); 
       addProduct(name, parseFloat(price.split('$')[1])); 
      } 
     }); 

Answer 1

在Dropppable方法

$(".item").draggable({ 
    helper:'clone', 
    onStartDrag:function(){ 
      $(this).draggable('options').cursor = 'not-allowed'; 
      $(this).draggable('clone').css('z-index',10); 
     }, 
     onStopDrag:function(){ 
      $(this).draggable('options').cursor='move'; 
     } 
}); 

$(".cart").droppable({ 
    accept: ".item", 
    drop: function(event,ui){ 
     var new_signature = $(ui.helper).clone().removeClass('item'); 
     new_signature.draggable(); 
     $(this).append(new_signature); 
    }, 
    onDragEnter:function(e,source){ 
      $(source).draggable('options').cursor='auto'; 
     }, 
     onDragLeave:function(e,source){ 
      $(source).draggable('options').cursor='not-allowed'; 
      $.ui.ddmanager.current.cancelHelperRemoval = false; 
     }, 
     onDrop:function(e,source){ 
      var name = $(source).find('p:eq(0)').html(); 
      var price = $(source).find('p:eq(1)').html(); 
      addProduct(name, parseFloat(price.split('$')[1])); 
     } 
});