2012-05-14 159 views
0

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

//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 
       } 

      } 
     }); 
+0

查看使用''''revert'''選項。你可以在創建'''draggable'''時將其傳入,或者使用'''$('my-selector')來實時設置它。draggable('option',revert,true);''。 –

回答

相關問題