jQuery UI - вернуть объект jQuery draggable обратно в исходное?

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

-Спасибо.

Answer 1

Необходимо включить droppable об объектах, которые вы намерены перетащить и использовать там revert.

Как это:

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

Смотрите эту fiddle для демо

Также смотрите SO Question