javascript - 如何在jquery可拖动中固定位置？

Question

我正在从 mysql 数据中检索图像并将它们放在 ul li 中。现在我正在制作一个 div，其中包含可通过 jquery 拖动的项目。我想要的是当用户改变位置时，它应该自动保存。因为它不应该像第一次那样。

Answer 1

首先，您需要为要保存在数据库中的每个用户保存保存位置。为了改变位置，你需要这样的东西：

$('#draggable').position().top = yourSavedPosition;

每次拖动后，您必须向保存每个对象位置的服务器发送一个 Ajax 请求。

Answer 2

使用 CSS：

#draggable{
    position:fixed !important;
}

Answer 3

你必须这样做：
wherever user is dragging image,

-> 找到坐标
-> 然后enter这些坐标在top和left位置

$( ".selector" ).draggable({
   stop: function(event, ui) {

  var x = ui.instance.element.position();
  $("#image1").css({"position":"fixed","left":x.left,"top":x.top});
 }
});