如何在jquery draggable中修复位置？

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，

- ＆GT;找到坐标
- ＆gt;然后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}); } }); 坐标

{{1}}