div ziehbar nicht nach Reset

Question

Arbeits

Ich habe 4 divs auf meiner Seite, sagen div1, div2, div3, DIV4 die ziehbar sind.

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

Zum ersten Mal, wenn die Seite geladen wird, habe ich Positionen aller Divs wie unten erwähnt erfasst.

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

Ich habe eine Reset-Taste auf meiner Seite. Auf dem Klick auf diese Schaltfläche, ich bin Reseting die Positionen aller divs in ihre ursprüngliche Position.

$("#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' }); 

Bis hier funktioniert es gut. Aber nach dem Zurücksetzen werden alle divs sind nicht mehr draggable.Am ich etwas falsch ??

Answer 1

Sie können auch die div als ziehbar wieder auf Reset-Knopf klicken einstellen müssen.

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