Javascript 还记得刷新时div的位置吗？

我使用的代码允许用户点击页面上任何想要移动的地方移动div

然而，我想做的是让浏览器/网页记住用户将cbox拖到的位置，以便在刷新页面后它会留在那里。现在，如果你移动它，当你刷新它时，它会把它放回起始位置。我想这是通过cookies实现的，但我想不出从哪里开始实现

左下角的聊天框是我指的可移动div。将鼠标悬停在其上方的紫色横幅上，然后单击并拖动即可拖动

使用。保存div（

top

和

left

---

也许）在它里面。另一种选择是cookie，但对于某些东西，这种简单的本地存储可能更适合。

您可以使用类似这样的函数，将坐标保存到cookie：

$("#moveme").draggable({
  // Find position where element is dropped.
  stop: function(event, ui) {
    // Show dropped position.
    var Stoppos = $(this).position();
    console.log("STOP: \nLeft: "+ Stoppos.left + "\nTop: " + Stoppos.top);
    //Save the values to cookie o localStorage
    //I'm gonna use jquery cookie plugin
    $.cookie("left",Stoppos.left);
    $.cookie("top",Stoppos.top);
  }
});

然后，在刷新页面时，如果这些cookie存在且其值不为空，则在元素上设置值：

$("#moveme").css({top: $.cookie("top"), left: $.cookie("left")});

---

您应该在您的网站中包含该插件，因此它是：

可能与我尝试使用的插件重复，但我不知道如何将其添加到我的代码中。演示一下它的实现会很棒的。我添加了这些，但它不起作用。我查看了你的网站代码，你至少有4个不同版本的jquery，还有2个版本的jquery.cookie