jQuery UI - 將jQuery可拖動對象還原爲原始對象？

Question

在HTML文件中，我想拖動一個項目並將其放到目標上，假設我想將另一個項目放到同一個位置，那時這兩個項目都應該被覆蓋。如果兩個項目都覆蓋，則新項目應該恢復到原來的位置。任何人都可以幫助我如何將新項目恢復到原來的位置。 這是我的代碼。

$(function() { 
    $(".draggable2").draggable({ 
     revert: "invalid" 
    }); 
    $("#droppable").droppable({ 
     drop: function() { 
      //var xPos = offset.left; 
      //var yPos = offset.top;  
      //alert($(this).position().left);   
      $(this).find("p").html("Yes,it is dropped!"); 
     } 
    }); 
}); 

的jsfiddle是：here

-Thanks。

Answer 1

您需要啓用您打算拖動和使用revert有對象droppable。

像這樣：

$(".draggable2").droppable({ 
    greedy: true, 
    tolerance: 'touch', 
    drop: function (event, ui) { 
     ui.draggable.draggable('option', 'revert', true); 
    } 
}); 

用於演示

看到這個fiddle也看到這個問題SO