如何將jQuery UI中的可拖放和可拖放狀態存儲到JSON中?我想保存狀態並使用JSON取回它們。這是最好的方式還是替代方式也是可能的?JSON中的jQuery UI元素的狀態
回答
使用可拖動/ 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:55:20
我編輯了我的答案,檢查是否可以從此開始。 – Christoph 2012-01-30 20:11:50
我會推薦jQuery UI - http://jqueryui.com/,它支持通過Draggable和Droppable交互進行拖放操作。當涉及到JSON回調等時,他們有大量的文檔。
他已經在使用jQUI了。它在標題和問題中。 – glomad 2012-01-30 20:27:42
- 1. jQuery UI的狀態懸停
- 2. 的jQuery UI元素太大
- 3. 動態jQuery UI日期選取元素
- 4. maxscript中的動態UI元素
- 5. 內部錯誤狀態下的語義UI輸入元素
- 6. 帶搜索元素的角度ui路由器狀態
- 7. 運行之間Java UI元素的持久狀態
- 8. jQuery的accesing JSON元素
- 9. jQuery UI的可排序狀態在mouseup
- 10. 保存jQuery UI標籤的狀態
- 11. 不同div元素中的jQuery UI交換元素
- 12. 如何在jQuery UI中獲取拖動元素的子元素
- 13. jQuery UI可選交互:可選元素中的元素
- 14. 添加可拖動元素的jQuery UI動態的div
- 15. 一個圖像文件中的UI元素的多個狀態。那叫什麼?
- 16. jQuery:遍歷json中的所有元素
- 17. jquery ui sortable - 當前元素
- 18. jQuery UI手風琴元素
- 19. jQuery UI元素不工作
- 20. JQuery UI Sortable - Cousin元素
- 21. 顯示與jquery ui沒有元素的模態對話框?
- 22. 我將如何動態創建使用CSS3的jQuery UI元素?
- 23. 讓jQuery的模態不會阻止其他UI元素
- 24. 保留jquery-ui後的jquery-ui元素類.load()
- 25. 保存和調用元素的狀態
- 26. 如何在Postback上維護UI元素狀態? (ASP.NET MVC)
- 27. 消失的元素與使用jQuery UI
- 28. JQuery UI捕捉元素內的網格
- 29. jQuery UI的拖拽元素跳
- 30. Knockout.js:沒有jQuery UI的Accordion/collapse元素
你嘗試過什麼嗎? – 2012-01-30 19:48:04
不,我是一個新手,並試圖知道如何完成。 – 2012-01-30 19:49:30