jQuery UI сохранить позицию перетаскиваемого элемента

Question

Есть ли способ сохранить исходное положение элемента, который можно перетаскивать, определить положение в конце элемента перетаскивания и возврата в исходное положение после этого?

Answer 1

Вы можете использовать событие stop и значение originalPosition параметра ui, чтобы получить исходное положение.

После того, как у вас есть исходное положение - вы можете переместить элемент в этом положении с помощью $(this).animate со значениями originalPosition

Вот пример того, что:

$(".drag").draggable({ 
 
    stop: function(event, ui) { 
 
    console.log(ui.originalPosition) 
 
    $(this).animate(ui.originalPosition) 
 
    } 
 
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" /> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script> 
 

 
<div style="width: 50px; height: 50px; border: 1px solid red;" class="drag"> Drag Me! </div> 
 
<div style="width: 50px; height: 50px; border: 1px solid green;" class="drag"> Drag Me! </div>