div draggableがリセット後に動作しない

Question

私のページにdiv div1、div2、div3、div4という4つのdivがあり、それらはドラッグ可能です。

$("#div1").draggable(); 
$("#div2").draggable(); 
$("#div3").draggable(); 
$("#div4").draggable(); 

初めてページが読み込まれたとき、私は以下のようにすべてのdivの位置を取得しました。

div1Position = $("#div1").position(); 
div2Position = $("#div2").position(); 
div3Position = $("#div3").position(); 
div3Position = $("#div4").position(); 

私のページにリセットボタンがあります。このボタンをクリックすると、すべてのdivの位置が元の位置にリセットされます。

$("#div1").css({ top: div1Position.top, left: div1Position.left, position: 'initial' }); 
$("#div2").css({ top: div2Position.top, left: div2Position.left, position: 'initial' }); 
$("#div3").css({ top: div3Position.top, left: div3Position.left, position: 'initial' }); 
$("#div4").css({ top: div4Position.top, left: div4Position.left, position: 'initial' }); 

ここまでうまくいきます。しかし、リセット後、すべての部門はもはやdraggable.Am私は何か間違っている？

Answer 1

また、リセットボタンをクリックするとdivをdraggableに設定する必要があります。

$("#div1").draggable(); 
$("#div2").draggable(); 
$("#div3").draggable(); 
$("#div4").draggable();