div draggable在重置后无法正常工作

Question

我的页面上有4个div，比如说div1，div2，div3，div4是可拖动的。

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

直到这里工作正常。但是在重置之后，所有的div都不再可拖动了。我做错了什么？

Answer 1

您可能还需要在重置按钮单击时再将div设置为可拖动。

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