jquery - jQuery UI Draggables - 元に戻す位置を変更しますか?

Question

jQuery UIのドラッグ可能なヘルパーの元に戻す位置を編集することは可能ですか? たとえば、ユーザーがクリックしてページ上のグループにドラッグできるアイコンがあります。ユーザーがアイコンをクリックしてドラッグを開始すると、ヘルパー メッセージがカーソルのすぐ下に表示され、クリックを押し続ける限りカーソルを追跡します。ヘルパーがグループにドロップされると、ヘルパーは消えます。ヘルパーがグループにドロップされない場合、revert: 'invalid' を使用して元の位置に戻ります。私の質問は、ヘルパーの元の位置を編集できますか? left: 0 と top: 0 の絶対位置に常に戻るように見えますが、これらの値を編集する方法がわかりません。戻り位置を編集して、左に約 300px 追加する必要があります。

Answer 1

ドラッグが開始されたら、ドラッグ可能な要素の再配置を試すことができます。要素を解放すると、要素は元の位置に戻り、新しい位置にジャンプします-それを回避する方法はわかりませんが、この方法は機能します

$(document).ready(function(){
 $(".dragMe").draggable({
  helper : 'clone',
  revert : true,
  start: function(e,ui){
   // when starting the drag, reposition the element
   $(this).hide().css({ position: 'relative', left: '-300px', top: 0 });
  },
  stop: function(e,ui){
   $(this).show();
  }
 });
 $("#dropBox").droppable({
  drop: function(e, ui) {
   ui.draggable.appendTo($(this)).show()
    // reset the position of the element to zero (so it fits in the drop box)
    .css({ position: 'relative', left: 0 })
   ui.helper.remove();
  }
 });
})