0
ドラッグ可能な要素の初期位置を保存し、ドラッグの終わりの位置を決定し、それ以降の要素を初期位置に戻す方法はありますか?jQuery UIドラッグ可能な要素の位置を保存
ドラッグ可能な要素の初期位置を保存し、ドラッグの終わりの位置を決定し、それ以降の要素を初期位置に戻す方法はありますか?jQuery UIドラッグ可能な要素の位置を保存
stop
イベントと、ui
パラメータのoriginalPosition
の値を使用して元の位置に戻すことができます。
あなたが元の位置を持っていたら - あなたはここでoriginalPosition
の値で$(this).animate
を使用して、その位置に要素を移動することができるの例です。
$(".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>