JSON中的jQuery UI元素的狀態

如何將jQuery UI中的可拖放和可拖放狀態存儲到JSON中？我想保存狀態並使用JSON取回它們。這是最好的方式還是替代方式也是可能的？JSON中的jQuery UI元素的狀態

來源

2012-01-30 Jack_of_All_Trades

你嘗試過什麼嗎？ – 2012-01-30 19:48:04

不，我是一個新手，並試圖知道如何完成。 – 2012-01-30 19:49:30

使用可拖動/ Droppable事件的回調處理程序來獲取已更改的值。

您可以使用localStorage/sessionStorage保存這些值，因此您不需要將數據保存到服務器。

還有一個可用於IE的Storage API的polyfill。

嘗試這樣：

$(".yourdraggable_element").draggable({ 
    stop: function(event, ui) { 
     localStorage.setItem("left",ui.position().left); 
     localStorage.setItem("top",ui.position().top); 
    } 
});

你現在可以檢索的位置：

$(".yourdraggable_element").css("left",localStorage.getItem("left")); 
    $(".yourdraggable_element").css("top",localStorage.getItem("top"));

注：這只是一個起點！例如。你首先必須檢查localStorage，所以請不要把它當成完整的解決方案！

來源

2012-01-30 19:50:04 Christoph

你能否給我舉一個例子，說明它是如何實現的，以便我可以看到並遵循？我不知道現在從哪裏開始。 – 2012-01-30 19:55:20

我編輯了我的答案，檢查是否可以從此開始。 – Christoph 2012-01-30 20:11:50

我會推薦jQuery UI - http://jqueryui.com/，它支持通過Draggable和Droppable交互進行拖放操作。當涉及到JSON回調等時，他們有大量的文檔。

來源

2012-01-30 19:49:08 Downpour046

他已經在使用jQUI了。它在標題和問題中。 – glomad 2012-01-30 20:27:42

JSON中的jQuery UI元素的狀態

回答

相關問題