jQuery Drop恢復到原始位置

Question

我編寫了一個拖拽刪除代碼。用戶可以將項目移至垃圾桶然後是確認的消息，如果確認刪除它，並希望如果用戶不能確認刪除的項目需要走原來的位置，幫我請

//drag code 
var a = 3; 
     $('#dragZone .box,#dragZone .box1,#dragZone .box2').draggable({containment:".invitemain"}, { 
      start:function (event, ui) { 
       $(this).css("z-index", a++); 
      }, 
      stop:function() { 
       var id = $(this).attr("mid"); 
       var x = $(this).position().left; 
       var y = $(this).position().top; 
       var z = $(this).css("z-index"); 

//send request to server to save the position 
       $.get('/users/savecodes?mid=' + id + '&x=' + x + '&y=' + y + '&z=' + z, function (data) { 
        //alert(data);  
       }); 

      }  
     }); 

//drop code 
$("#trash").droppable({ 
      tolerance: 'touch', 
      drop: function(ev, ui) { 
       var answer = confirm('Permanently delete this item?');     
       if(answer){ 
        //call some ajax for delete 
       $(ui.draggable).remove(); 
       } 
       else{ 
        //move to original position 
       } 

      } 
     }); 

Answer 1

function stopDrag{ 
$("#trash").draggable({ cancel: "button" }); 
} 

和調用函數

$(ui.draggable).remove(); 
      } 
      else{ 
       stopDrag(); 
      } 

我認爲這可能工作我沒有嘗試自己，但我檢查此鏈接：http://jqueryui.com/demos/draggable/#option-cancel所以給它一個嘗試

，並檢查這個環節也很正是爲Y ou尋找：http://www.ericbieller.com/2010/06/24/how-to-create-a-simple-drag-and-drop-with-jquery/