0
有沒有什麼辦法保存可拖動元素的初始位置,確定拖動結束的位置,然後將元素返回到初始位置?jQuery UI保存可拖動元素的位置
有沒有什麼辦法保存可拖動元素的初始位置,確定拖動結束的位置,然後將元素返回到初始位置?jQuery UI保存可拖動元素的位置
您可以使用stop
事件和ui
參數的originalPosition
值獲取原始位置。
一旦你原來的位置 - 你可以將元素移動到使用$(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>