如何修復jQuery中可拖動的位置？

Question

我正在從mysql數據中檢索圖像並將其放入ul裏。現在我正在製作一個div，通過jquery可以拖動項目。我想要的是當用戶改變位置時，它應該自動保存。因爲它不應該像第一次那樣。

Answer 1

使用CSS：

#draggable{ 
    position:fixed !important; 
} 

Answer 2

首先，你需要保存保存位置才能將其保存在數據庫中的每個用戶。爲了改變位置，你需要的是這樣的：

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

每條拖後，你必須發送一個Ajax請求到服務器保存每個對象的位置。

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}); 
} 
});