保存draggable div的位置jQuery

Question

我有一個網站，我正在爲它製作小部件。這些小部件是可拖動的。我想知道如何保存小部件的位置（如果它隱藏或不是[禁用或啓用]），並加載位置，並且當您再次加入網站時隱藏或不隱藏（使用同一用戶） 。謝謝你的時間，如果你不明白我需要什麼，請發表評論。

Answer 1

我假設你的微件在<ul>，一個<li>每插件這是很正常的。

能夠將它們
你需要擺在首位的特定順序安排部件的位置。想象一下，您已經完成了艱苦的工作並獲得了用戶所擁有的數據。硬編碼並讓你的模塊正確顯示。更改數據，查看模塊是否按預期顯示。
用戶需要拖動它們。 jQuery可拖動是你的朋友。

證明你可以得到你的數據
能夠獲得從窗口小部件的順序，他們已經轉移了。可拖動的示例顯示了.serialize（）函數。
此外，您還需要知道哪些關閉，哪些關閉。您可以使用jQuery .map()創建另一個列表，如果您問得好，可以返回它們的ID和狀態。
屏幕提示，寫入文檔或最好使用console.log()。

互動與服務器
如果你想只用餅乾，因爲瀏覽器可以設置這些測試可以跳過此。
但是，如果您希望將用戶的信息存儲在註銷的情況下，請啓動新的會話或使用另一臺需要使用數據庫的計算機。
您需要了解如何使用ajax將數據從瀏覽器發送到服務器。 jQuery是你的朋友。
您需要了解如何將用戶信息存儲在數據庫中。

恢復位置
您希望能夠從一個沒有硬編碼列表設置部件的位置，所以能夠使用數據正確排序在頁面加載的小部件，你保存。你在第一步做到了這一點，但是使用了硬編碼數據。

Answer 2

您將需要做的是：
保存給定時間的狀態。例如，當你改變它。

$('#toBeDragableId').draggable({ 
    // options... 
    drag: funciton(event,ui){ 
     theUserposition = ui.position; 
    } 
}); 

您需要保存theUserposition以一致的方式，如數據庫或使用cookie或客戶端存儲。之後，您需要將其恢復並在加載頁面時進行設置。

Similar Question
Example using Cookies